	/**
	 * 	Zing News Responsive Layout
	 *  Version 2.15 (12/02/2014)
	 */

	@font-face {
	  font-family: 'Roboto Condensed';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(fonts/Roboto-Condensed.woff) format('woff');
	}

	@font-face {
	  font-family: 'Noticia Text';
	  font-weight: normal;
	  src: local('Noticia Text'), local('NoticiaText-Regular'), url(fonts/NoticiaText-Normal.woff) format('woff');
	}
	@font-face {
	  font-family: 'Noticia Text';
	  font-weight:bold;
	  src: local('Noticia Text Bold'), local('NoticiaText-Bold'), url(fonts/NoticiaText-Bold.woff) format('woff');
	}
	@font-face {
	  font-family: 'Noticia Text';
	  font-style: italic;
	  font-weight: 400;
	  src: local('Noticia Text Italic'), local('NoticiaText-Italic'), url(fonts/NoticiaText-Italic.woff) format('woff');
	}
	@font-face {
	  font-family: 'Noticia Text';
	  font-style: italic;
	  font-weight: 700;
	  src: local('Noticia Text Bold Italic'), local('NoticiaText-BoldItalic'), url(fonts/NoticiaText-BoldItalic.woff) format('woff');
	}
	@font-face {
	  font-family: 'Open Sans Condensed';
	  font-style: normal;
	  font-weight: 700;
	  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(fonts/OpenSans.woff) format('woff');
	}

	.accelerate, .accelerate * {
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}


	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	    margin: 0;padding: 0;
	    border: 0;
	    outline: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
	    -ms-text-size-adjust: 100%;
	    -webkit-text-size-adjust: 100%;
	}

	body { line-height: 1; font-family: Arial, sans-serif;font-size:12px;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;  text-decoration: none; color:#333;}
	a img {border: none; outline: none;}
	ins { background-color: #ff9; color: #000; text-decoration: none;}
	mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
	del { text-decoration: line-through;}
	abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
	table {border-collapse: collapse; border-spacing: 0;}
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
	input, select { vertical-align: middle;}

	.wrapper {width: 980px; margin: 0 0 0 -490px; float:left; left:50%; position:relative; z-index:1;}
	a:hover {color:#3399cc;}

		/* NOTIFICATION */
		#notification {
			position:relative;
			width: 100%; height: 56px;
			background-color: #3c3c3c;
			margin-top:-56px; left:0;
			border-bottom: 3px solid #333;
		}

		#notification a.btnLink {display:block; width:80%; height:100%; float:left; padding:10px;}
		#notification a.btnClose {
			display:block;  position:absolute; right:0; top:0;
			width:50px; height:100%; float:right;
			background:  url(img/close@2x.png) no-repeat 50% 50%;
			background-size:50% auto;
			overflow: hidden;
			text-indent:-999px;
			border-left:1px solid #474747;
		}

		#notification img.icon {
			float:left; margin-right: 8px;
			width: 36px; height:36px;
			border-radius: 5px;
			box-shadow: 2px 2px 0 #222;
		}
		#notification a h1 {
			line-height: 20px; font-size: 15px; letter-spacing:-1px; font-weight:normal;
			white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
			margin:0;
			color:#fff;
		}
		#notification a p {
			line-height: 14px; font-size:12px; color:#f1f1f1;
			white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
		}

	    /* TOPBAR */

	    #zingheader {
	        position: relative;
	        width: 100%;height: 43px;
	        background: #111;
	        margin-bottom: 0px;
	        overflow:hidden;
	    }
	    #zingheader hgroup {
	        width: 95px;height: 40px;
	        float: left;overflow: hidden;
	        margin: 0 0;
	    }
	    #zingheader hgroup img {
	        width: 110px;height: auto;
	        position: relative; top: 2px;
	    }
	    #zingheader hgroup a {
	        display: block;
	        width: 100%;height: 40px;
	        margin: 0;padding: 0px 0;
	        overflow:hidden;text-indent:-999px;
	        background: url(img/logo_zing_trithuc.png) no-repeat left 50%;
	    }
	    #zingheader hgroup h1 {
	        margin: 0;
	    }
	    #zingheader hgroup h2 {
	        display: none;
	        margin: 0;
	    }

	    /* SPECIAL EVENT */
	    #event {
	    	width:100%; font-size:1em;
	    	line-height:1.4; padding: 8px 0 10px;
	    	background:#DA0000;color:#fff; text-align:center;
	    }

	    #event span {font-weight:bold;text-decoration:underline;}
	    #event a {color:#fff; text-decoration: underline;}

		/* TOTIFY TOP */
	    #noti5 {
	    	position:relative;
	    	float:right;
	    	height:43px;
	    	border-right:1px solid #000;
	    	margin-right:15px;
	    }
	    #noti5 a {
	    	color:#fff;
	    	display:block;
	    	line-height:43px;
	    	float:left;
	    	font-size:11px;
	    	text-transform:uppercase;
	    	border-left:1px solid #000;
	    	background-color:#111;
	    	padding-right:10px;
	    }
	    #noti5 a span {
	    	display:inline-block;
	    	height:14px;
	    	color:#fff;
	    	background:#f00;
	    	font-size:10px;line-height:14px; font-weight:bold;
	    	margin-left:5px;
	    	font-family:Arial, Helvetica, sans-serif;
			padding:0 3px 0 2px;
	    }
	    #noti5 a.btnHot {
	    	background:#222 url(img/icon_fire.png) no-repeat 5px 12px;
	    	padding-left: 23px;
	    	background-size:16px;
	    }
	    #noti5 a.btnNew {
	    	background:#111 url(img/icon_up.png) no-repeat 5px 9px;
	    	padding-left: 23px;
	    	background-size:16px;
	    }

	    #hotnews {
	    	position: absolute;
	    	top:35px; left:50%;
	    	background:#111;
	    	z-index:99999;
	    	width: 260px;
	    	box-shadow:3px 3px 0 rgba(0,0,0,0.5);
	    	margin-left:200px;
	    	display:none;
	    }
	    #hotnews ul {
			float:left; width:100%;
	    }
	    #hotnews li {
	    	padding:10px 10px ;
	    	float:left; width:100%;
	    	border-bottom:1px solid #333;
	    }
	    #hotnews li:last-child {border:0;}
	    #hotnews li a {display:block; width:100%; color:#fff; font-size:1em; font-weight:bold; line-height:1.4;}
	    #hotnews li .cover {
	    	float:left; width: 40%;
	    	background-repeat:no-repeat; background-size:cover;
	    	height: 60px;
	    	margin-right:10px;
	    }


	    /* Form Search */
	    #zingheader form {
	        float: left; position:relative;
	        width: 440px;height: 35px;
	        overflow: hidden;
	        padding: 2px 0;margin: 5px 0 0 10px;
	    }
	    #zingheader form input {
	        float: left;
	        width: 340px;height: 30px;line-height: 18px;
	        color: #888;font-size: 11px;
	        margin: 0;padding: 3px 5px 3px 20px;
	        border: 2px solid #333;border-right: 0;border-radius: 5px 0 0 5px;
	        background: #fff url(img/icons.gif) no-repeat 5px -34px;
	        -webkit-appearance: none;
	    }
	    #zingheader form input:hover {background-color: #fff;}
	    #zingheader form button {
	        color: #fff;font-family: Arial, sans-serif;font-size: 11px;font-weight: bold;text-transform: uppercase;
	        float: left;cursor: pointer;
	        margin: 0;padding: 0 5px;
	        border: 2px solid #333; border-radius: 0 5px 5px 0;
	        width: 80px;height: 30px;line-height: 20px;
	        background: #ee7915;
	        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed9222', endColorstr='#f0640a');
	        background: -webkit-gradient(linear, left top, left bottom, from(#ed9222), to(#f0640a));
	        background: -moz-linear-gradient(top,  #ed9222,  #f0640a);
	    }

	    /* App Menu */
	    #zingheader .apps {
	        float: left;overflow: hidden;
	        height: 23px;
	        list-style: none; margin-left:10px;
	        margin-top: 9px;
		}
	    #zingheader .apps li {
	        float: left;
	        height: 23px;
	        line-height: 25px;
	    }
	    #zingheader .apps a {
	        display: block;
	        width: 100%;height: 100%;
	        margin: 0 0;padding: 0 10px;
	        color: #fff;text-transform: uppercase;
	        font-family: Tahoma, Arial, sans-serif;
	        font-size:13px;
		}
		#zingheader .apps a:nth-child(3)  {border:0;}

		#zingheader #bookmark {float:right; line-height: 42px;}
		#zingheader #bookmark a {color:#F37B24; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;}
		#zingheader #bookmark a span {color:#F37B24; font-weight: bold;}

		#zingheader #mobile {
			float:right; line-height: 28px;
			background: url(img/mobile_icon.png) no-repeat 50% 50%;
			width:30px; height:28px;
			overflow:hidden; text-indent:-999px; display:block;
			background-size:50%;
			position:absolute;
			right:0;top:0;
			border:1px solid #666; border-radius:15px;
			margin-top:3px;
			display:none;
		}

	    /* MENU CATEGORY */
	    .categories {
	        float: left;
	        width: 100%;height: 30px;
	        padding-left: 2px;margin: 0px 0 10px;
	        border-bottom: 1px solid #ddd;
	        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F5F5F5');
	        background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F5F5F5));
	        background: -moz-linear-gradient(top,  #FCFCFC,  #F5F5F5);
	    }
	    .categories ul {
	        float: left;width: 100%;list-style: none;

	}
		.categories > ul  {}
	    .categories a {
	        display: block;width: 100%;height: 24px;
	        margin: 1px 0;padding: 1px 5px 0 4px;
	        border-right: 1px solid #f1f1f1;
	        font-size: 1.1em;line-height: 25px;color: #000;
	        font-family: 'Roboto Condensed', sans-serif; font-weight:400;
	    }
	    .categories ul > li:last-child > a {
	    	border-right:0;
	    }
	    /* Parent Menu */
	    .categories li.parent {
	        float: left;position: relative;
	        height: 27px;line-height: 28px;
	    }

	    .categories li.parent a {
	    	color:#006588;

	    }
	    .categories li.parent > a {text-transform: uppercase;}
	    .categories li.parent.current {height: 26px;}
	    .categories li.parent.current a {border-radius: 3px;}
	    .categories li.parent.active div.subcate {
	        display: block; border-radius: 0 3px 3px 3px;
	    }
	    .categories li.parent.active a {
	    	border-radius: 3px 3px 0 0;
	    	background-color: #0099cc;color: #fff;
	    }
	    /* Sub-Cate Menu */
	    .categories div.subcate {
	        position: absolute;top: 25px; left:0;display: none;
	        background-color: #0099cc;box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
	        width: 200px;
	    }
	    .categories div.subcate ul {width: 100%;}
	    .categories div.subcate li {width: auto;}
	    .categories div.subcate a {
	        font-weight: normal;letter-spacing: 0px;font-size: 12px;color: #fff;
	        padding: 0 8px;
	        border:0;
	        height: auto;line-height: 28px;
	    }
	    .categories div.subcate a:hover {background: rgba(255,255,255,0.2) !important;}

	    /* Group 1 - Xa hoi, The gioi, Kinh doanh, Song Tre */
		.categories li.xa-hoi a,.categories li.the-gioi a, .categories li.thi-truong a, .categories li.the-thao a, .categories li.song-tre a, .categories li.phap-luat a,.categories li.the-gioi-sach a {color:#007197;}
		.categories li.xa-hoi.current a,.categories li.the-gioi.current a,.categories li.thi-truong.current a,.categories li.song-tre.current a,.categories li.phap-luat.current a,.categories li.the-gioi-sach.current a {background-color:#0099cc; color:#fff; }


	    /* Group 2 - Giai tri, Am nhac, Phim anh, thoi-trang */
		.categories li.giai-tri a,.categories li.am-nhac a, .categories li.phim-anh a, .categories li.thoi-trang a {color:#ff6b00;}
		.categories li.giai-tri.parent.active a, .categories li.am-nhac.parent.active a,.categories li.phim-anh.parent.active a,.categories li.thoi-trang.parent.active a {background-color:#ff6b00;}
		.categories li.parent.giai-tri.active div.subcate,.categories li.parent.am-nhac.active div.subcate,.categories li.parent.phim-anh.active div.subcate,.categories li.parent.thoi-trang.active div.subcate {background-color:#ff6b00;}
	    .categories li.giai-tri.current a,.categories li.am-nhac.current a,.categories li.phim-anh.current a,.categories li.thoi-trang.current a {background-color:#ff6b00; color:#fff;}

	    /* Group 3: The thao, Cong nghe, Xe */
		.categories li.cong-nghe a,.categories li.oto-xe-may a {color:#008e00;}
		.categories li.the-thao.parent.active a,.categories li.cong-nghe.parent.active a, .categories li.oto-xe-may.parent.active a {background-color:#008e00;}
		.categories li.parent.the-thao.active div.subcate,.categories li.parent.cong-nghe.active div.subcate,.categories li.parent.oto-xe-may.active div.subcate {background-color:#008e00;}
	    .categories li.the-thao.current a, .categories li.cong-nghe.current a, .categories li.oto-xe-may.current a {
	        color: #fff;background-color: #008e00;
	    }

	    /* Group 4: phong-cach-song & Other */
	   .categories li.nhip-song a,.categories li.phong-cach-song a {color:#df004a;}
	   .categories li.nhip-song.parent.active a,.categories li.phong-cach-song.parent.active a {background-color:#df004a;}
	   .categories li.parent.nhip-song.active div.subcate,.categories li.parent.phong-cach-song.active div.subcate {background-color:#df004a;}
	   .categories li.nhip-song.current a,.categories li.phong-cach-song.current a {background-color:#df004a; color:#fff;}

	    .categories li.others a {border: 0;}
	    .categories li.phong-cach-song a, .categories li.phong-cach-song a, .categories li.others a {border-right:0; padding-right:2px;}
	    .categories li.phong-cach-song div.subcate, .categories li.phong-cach-song div.subcate, .categories li.others div.subcate {

	        width: 140px;
	        left: auto;right: 0px;
	    }
	    .categories li.others div.subcate {border-radius: 3px 0 0 0 !important;}

	    /* TOP SECTION */
	    #top {
	        width: 100%;
	        padding: 0px 0;
	        float: left;clear: both; z-index: 999;
	    }
	    #top .categories li.homepage {
	        background: #888;
	        background:#00749B;
	        margin-right: 3px;margin-left: 0px;
	        width: 22px;height: 22px;
	        border-radius: 3px;
	        top:2px;
	    }
	    #top .categories li.homepage a {
	        text-indent: -9999px;
	        overflow: hidden;
	        color: #fff;
	        background: url(img/icons.png) no-repeat 1px -818px;
	        border-right: 0;
	    }
	    #top .categories li.homepage.active a {
	        border-radius: 3px;
	    }

	    /* COMMON LAYOUT */
	    .content-wrap {float: left;width: 664px;position:relative;z-index: -1;}
	    .sidebar {width: 300px;float: right;position:relative; z-index:-2;}
	    .sidebar .event-banner {margin-bottom:10px;}

	    /* BANNER */
	    .banner {
	    	width: 300px; height: 250px;margin: 0 0 5px;
	    	overflow:visible; text-align:center; line-height:250px; font-size: 2em; color:#ccc; position:relative;
	    	overflow:hidden;
	    }

	    /* HEADER */
	    #site-header {width:100%; height:100px; float:left; margin: 8px 0 1px; border-bottom: 1px solid #ccc; position:relative;}
	    #site-header #logo {
	    	width: 190px; float:left; height:90px; overflow:hidden;
	    	display:none;
	    }
	    #site-header #logo a {display:block; padding-left:5px;}

	    #site-header #banner_top {
	    	height: 90px;background-color: #FCFCFC; float:left;  position:absolute; top:0; right:0; line-height:90px;
	    	width:100%; overflow:hidden;
	    }

	    /* POPUP BANNER */
	    #pushed_popup {
			width:100%; font-size:1.1em; line-height: 1.4em;
			padding:10px 2%;
			background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#FDFDFD));
			background: -moz-linear-gradient(top,  #DFDFDF,  #FDFDFD);
			background: -ms-linear-gradient(top,  #DFDFDF,  #FDFDFD);
			background: -o-linear-gradient(top,  #DFDFDF,  #FDFDFD);
			background: linear-gradient(top,  #DFDFDF,  #FDFDFD);
			text-shadow: 1px 1px 0 #fff;
			float:left;
			display:none;
		}
		#pushed_popup .message {
			float:left; width:80%;
			color:#0087BF;
		}
		#pushed_popup .closePopup {
			float:right;
			width: 50px; display:block;
			padding: 5px 0;
			text-align: center;
			color:#0087BF; font-weight:bold;
			border: 1px solid #ccc; border-radius:3px;
			color:#333; text-shadow:none;
			background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#DFDFDF));
			background: -moz-linear-gradient(top,  #FDFDFD,  #DFDFDF);
			background: -ms-linear-gradient(top,  #FDFDFD,  #DFDFDF);
			background: -o-linear-gradient(top,  #FDFDFD,  #DFDFDF);
			background: linear-gradient(top,  #FDFDFD,  #DFDFDF);
		}
		#pushed_popup a span {
			font-weight:bold;

		}

		/* User Report */
		#btnReport {
			display:block;
			position: fixed;
			top:70%; left:0;
			background:#333; color:#fff;
			padding: 10px 10px;
			display:none;
		}
		#btnReport.active, #btnReport:hover {
			background:#f00;
		}

	    /* HOVER CARD */
	    #hovercard {
	    	display:none;
	    	width: 300px;
	    	position:fixed;
	    	top: 50%;
	    	left: 50%;
	    	background:#fff;
	    	border:1px solid #0099cc;
	    	border-radius:5px;
	    	z-index: 999999;
	    	box-shadow:2px 2px 0 rgba(0,0,0,0.2);
	    }

	    #hovercard .summary {padding:10px 10px; font-size:12px; line-height:16px; color:#333;}

	    #banner-ext {display:block; width:100%; margin:10px 0 15px;}
	    #banner-ext img {width:100%; height:auto;}

		/* GENERAL ARTICLE */
	    article {
	        float: left;position:relative;z-index: 1;
	        width: 100%;
	        color: #000;
	    }
	    article a {color: #000;}
	    article header h1 {
	        margin: 0;font-size: 12px;line-height: 16px;
	    }

	    article > header h1 a:hover {color: #3399cc !important;}
	    article > header h1 span.social {
			display:inline-block; font-size:9px;
			cursor:pointer;
			color: #888;font-weight:normal;
			background: #fff;
			background-size:8px;
			padding: 0px 2px 0 2px;
			line-height: 9px;
			margin-left: 4px;
			display:none;
			border: 1px solid #eee;
			border-radius: 2px;
			position: relative;
			top: -1px;

	    }
	    article:hover > header h1 span.social,article > header h1 span.social.hot  {
	    	border-color: #FF9900;
	    	color: #FF9900;
	    	background-color: #FFECD0;

	    }
	    section.featured article.featured > header h1 span.social {
			padding: 0px 4px 0 2px;
			display:none !important;
	    }

	    .sidebar section article > header h1 span.social {display:none !important;}


	    .trending article.video header h1 a, article.hasvideo header h1 a {padding-left: 18px;background: url(img/icons.png) no-repeat 0 -1300px;}
	    article.picture header h1 a {
	        padding-left: 18px;background: url(img/icons.png) no-repeat left -1180px;
	    }
	    article.infographic header h1 a {
	        padding-left: 18px;background: url(img/icon_infographic.png) no-repeat left top;
	        background-size:16px;
	    }
	    article header h1 a:hover {color: #006BA0  !important;}
	    article header time {
	        font-size: 0.9em;line-height: 1.4;color: #A7A7A7;
	        display: none;

	    }
	    article .cover {
	        float: left;overflow: hidden;
	        background-repeat:no-repeat; background-size: cover !important; background-position: 50% top;
	        cursor:pointer;
	    }
	    article .cover a {
	    	display:block; width:100%; height:100%;
	    }
	    article.video .cover > a {
			background:url(img/icon_play.png) no-repeat 50% 50%;
			background-size: 35px;
	    }
	    article.video.animated .cover > a:hover {
			background:none;
	    }
	    article.video.animated .cover .animategif {
	    	display:block; position:absolute; top:0; left:0; right:0; bottom:0;
	    	background-repeat:no-repeat; background-position: 50% 50%; background-size:cover;
	    }
	    article.video.animated .cover #circleG {position:absolute; top:40%; left:50%; margin-left:-10px;}
	    article .cover img {
	        width: auto;height: 100%; display:none;
	    }
	    article .cate {
	        font-size: 11px;line-height: 16px; color: #888;
	        display: none;
	    }
	    article .summary {
	        display: none; overflow:hidden;
	        font-size: 1em;line-height: 1.4;color: #333;
	    }

	    /* Article Relate */
	    article .relate {margin: 4px 0 0;}
	    article .relate li {
	        display: inline; font-size: 11px;line-height: 14px;
	    }
	    article .relate li.picture a {
	        padding-left: 20px;background: url(img/icons.png) no-repeat left -1181px;
	    }
	    article .relate li.video a {
	        padding-left: 18px;background: url(img/icons.png) no-repeat 1px -1301px;
	    }
	    article .relate li:last-child {border: 0;}
	    article .relate li a {
	        color: #555; background: url(img/icons.png) no-repeat 2px -883px; padding-left: 9px;
	    }
	    article .relate li a:hover {text-decoration:underline;}

	    /* Article Type */
	    article .type {display:none; font-size:10px; color:#888; overflow:hidden; text-indent:-9999px; margin: 0; line-height: 12px; background: url(img/icons.png) no-repeat 9999px 9999px; z-index:999;}
	        article.advertising .type {display:block; text-indent:0; margin: 4px 0;}
	        article.video .type {background-position: 6px -1360px; width: 25px; height: 15px; background-color:#333; background-color: rgba(0, 0, 0, 0.3);}
	        .series article .type {position: absolute;background: #fff;padding: 2px 3px;box-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
	        article.live header h1 a:before{
		        content:"trực tiếp";
		        display:inline-block;
		        color:#fff;
		        font-size:9px;
		        background:#f00;
		        padding: 2px 3px 0;
		        line-height:12px;
		        position:relative;
		        top:-1px;
		        border-radius:3px;
		        text-transform:uppercase;
		        font-weight:normal;
		    }
		    article.updating header h1 a:before{
		        content:"cập nhật";
		        display:inline-block;
		        color:#fff;
		        font-size:9px;
		        background:#f00;
		        padding: 2px 3px 0;
		        line-height:12px;
		        position:relative;
		        top:-1px;
		        border-radius:3px;
		        text-transform:uppercase;
		        font-weight:normal;
	            letter-spacing:0px;
		    }
		    section.featured  article.live:first-child header h1 a:before, section.featured article.updating:first-child header h1 a:before {
				letter-spacing: 0px;
				top:-3px;
	            font-size:9px;
	            padding-bottom:1px;
		    }


	    /* PAGE HOME */
	    section#homepage{
	        float: left;position:relative;z-index: -1;width: 100%;
	        margin-bottom: 8px;
	    }

	    /* TRENDING SECTION */
	    section.trending {
	        float: right; overflow: hidden;
	        width: 185px;height: 540px;
	        margin: 0 0 10px; padding: 8px 0 0 8px;
	        border-left: 1px solid #ededed;
	    }
	    section.trending article {
	        padding-bottom: 0; margin-bottom: 8px;
	        border-bottom: 0;
	    }

	    section.trending article header h1 {
	        font-size: 12px;line-height: 16px;
	        margin: 0;
	    }
	    section.trending article header h1 a {
	    	color:#333;
	    }
	    section.trending article time, section.trending article .cover, section.trending article .cate {display: none;}
	    section.trending article:first-child header h1 { margin-bottom:4px;}

	    section.trending .top-list {
	    	float:left;
	    	border-bottom:1px solid #ddd !important;
	    	margin-bottom:8px;
	    	width:100%;
	    }
	    section.trending .top-list article {
	    	border-bottom:none !important;
	    	padding-bottom:0px !important;
	    	margin-bottom: 4px !important;
	    	display:none;
	    }
	    section.trending .top-list article .cover {
	    	display: block;width: 100%;height: 112px;margin-bottom: 5px;
	    }
	    section.trending .top-list article header h1 a {
	    	/* color:#0077B3; */
	    }

		/* FEATURED ARTICLE */
	    section.featured {
	        float: left;
	        width: 472px;
	        margin: 8px 0;
	        border-bottom: 0;
	    }
	    section.featured article {
	        width: 32%;
	        margin-right: 2%;margin-bottom:10px;
	    }
	    section.featured article:nth-child(4), section.featured article:nth-child(7) {margin-right: 0;}
	    section.featured article .cover {
	        float: none;display: block;
	        width: 100%; height:112px;
	        margin-bottom: 4px;
	    }

	    section.featured article header {overflow: hidden;}
	    section.featured article header h1 {
	        font-size: 12px;line-height: 16px;
	        overflow:hidden;
	    }
	    section.featured article header h1 a {color: #333;}
	    section.featured article time {display: none;}
	    section.featured article.featured {
	        width: 100%;
	        margin-bottom: 8px;padding-bottom: 6px;
	        border-bottom: 1px solid #f7f7f7;
	    }
	    section.featured article.featured header {
	        display: block;max-height: none;
	    }
	    section.featured article.featured header h1 {
	        font-size: 18px;line-height: 22px;letter-spacing: -1px;
	        height:auto;
	        margin-bottom: 4px;margin-top: 0;
	    }
	    #category section.featured article.featured header h1 a {letter-spacing:0; color:#0077B3;}
	    section.featured article.featured header h1 a {
	        /* color: #0077B3; */
	        background:none; padding:0;
	    }
	    section.featured article.featured time, section.featured article.featured .cate {display: none;}
	    section.featured article.featured .cover {
	        display: block;float: left;
	        width: 260px; height: 210px;
	        margin: 0 10px 0 0;
	    }
	    section.featured article.featured.video .type {
	        display:block;position:absolute;left: 5px; top: 187px;
	    }
	    section.featured article.featured .cover img {height:100%; width:auto;}
	    section.featured article.featured .summary {display: block;}

	    	/* Homepage display mode */
		    #homepage.right_align section.trending {float:left; padding-right: 4px;}
		    #homepage.right_align section.trending article {border-bottom: 1px dashed #f1f1f1; padding-bottom: 5px; margin-bottom:5px;}
		    #homepage.right_align section.featured {float:right;}

	    	/* Focus Layout */
		    #homepage.focus_layout section.featured article.featured header h1 {
		    	font-size:18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
		    	margin-top:4px;
		    }
		    #homepage.focus_layout section.featured article.featured .cover {
		    	width:470px;height:260px; float:none; margin-bottom:4px;
		    }
		    #homepage.focus_layout section.featured article.featured .cover img {width:100%; height:auto;}
		    #homepage.focus_layout section.featured article.featured .summary {overflow:hidden; }
		    #homepage.focus_layout section.featured article.featured .relate li {
		        display:inline;
		        border-right:1px solid #ddd;
		        padding-right:5px; margin-right:2px;
		    }
		    #homepage.focus_layout section.featured article.featured .relate li:last-child {border:0;}
		    #homepage.focus_layout section.featured article.featured .relate li a {
		        font-size:11px; line-height: 16px; color:#555;
		    }
		    #homepage.focus_layout section.featured article:nth-child(5), #homepage.focus_layout section.featured article:nth-child(6),#homepage.focus_layout section.featured article:nth-child(7) {display:none;}
		    #homepage.focus_layout section.trending {height:540px;}
		    #homepage.focus_layout section.featured article.featured.video .type {left: 5px; top:235px;}

		    /* Overlay Mode */
		    #homepage.overlay_mode section.featured article.featured {position:relative;padding:0;}
		    #homepage.overlay_mode section.featured article.featured .cover {margin:0; width:100%; height:215px;}
		    #homepage.overlay_mode section.featured article.featured header {
		        position:absolute;right:0;top:0;bottom:0;
		        width: 40%;
		        background:rgba(0,0,0,0.5);
		        padding: 12px;
		    }
		    #homepage.overlay_mode section.featured article.featured header h1 {white-space: normal; overflow:auto;}
		    #homepage.overlay_mode section.featured article:nth-child(5), #homepage.focus_layout.overlay_mode section.featured article:nth-child(6),#homepage.focus_layout.overlay_mode section.featured article:nth-child(7) {display:block}
		    #homepage.overlay_mode section.featured article.featured .summary {color:#fff;}
		    #homepage.overlay_mode section.featured article.featured .relate {display:none;}
		    #homepage.overlay_mode section.featured article.featured h1 {font-size:16px; letter-spacing:0; line-height: 18px;}
		    #homepage.overlay_mode section.featured article.featured h1 a {color:#fff;}
		    #homepage.overlay_mode section.featured article.featured:hover h1 a {color:#fff !important; text-decoration: underline;}

		    /* Block Mode */
		    #homepage.block_mode section.featured article.featured {position:relative;padding:0;}
		    #homepage.block_mode section.featured article.featured .cover {margin:0;width:66%; height:210px;}
		    #homepage.block_mode section.featured article.featured .cover img {height:100%; width:auto;}
		    #homepage.block_mode section.featured article.featured header {
		        position:absolute;right:0;top:0;bottom:0;
		        width: 34%;
		        background:#0090C9;
		        padding: 12px;
		    }
		    #homepage.block_mode section.featured article.featured header h1 {white-space: normal; overflow:auto;}
		    #homepage.block_mode section.featured article:nth-child(5), #homepage.focus_layout.block_mode section.featured article:nth-child(6),#homepage.focus_layout.block_mode section.featured article:nth-child(7) {display:block}
		    #homepage.block_mode section.featured article.featured .summary {color:#fff; max-height: 80px;}
		    #homepage.block_mode section.featured article.featured .relate {display:none;}
		    #homepage.block_mode section.featured article.featured h1 {font-size:16px; letter-spacing:0; line-height: 18px;}
		    #homepage.block_mode section.featured article.featured h1 a {color:#fff;}
		    #homepage.block_mode section.featured article.featured:hover h1 a {color:#fff !important; text-decoration: underline;}

		/* HOTNEWS */
	    .hotnews {
	        float: left;overflow: hidden;
	        height: 20px;line-height: 14px;
			font-size:12px;
	        width: 100%;
	        margin-bottom: 0;
	        border-bottom: 1px solid #f7f7f7;
	    }
	    .hotnews label {
	    	display: block;float: left;
	        color: #ff6b00;font-size: 11px;
	        text-transform:uppercase; font-weight:bold;
	    }
	    .hotnews ul {
	        float: left;width: 340px;margin: 0 5px;
	    }
	    .hotnews li {
	        display: none;overflow:hidden;
	        white-space: nowrap;text-overflow: ellipsis;
	    }
	    .hotnews li a {color:#333;}
	    .hotnews li.current {display: block;}
	    .hotnews time {
	        float: right;
	        font-size: 11px;line-height: 16px;
	        color: #888;
	        margin-right:10px;
	    }
	    .hotnews .controller { float:right; }
	    .hotnews .controller a {display:block; float:left; font-size:10px; text-indent: -999px; overflow:hidden; height: 12px; width: 12px; line-height: 14px; margin: 2px; padding: 1px; }
	    .hotnews .controller a:hover {background-color:#e5e5e5 !important;}
	    .hotnews .controller a.rewind {background: #f7f7f7 url(img/icons.png) no-repeat  3px -1484px;}
	    .hotnews .controller a.forward {background: #f7f7f7 url(img/icons.png) no-repeat  -20px -1484px;}

		/* MULTIMEDIA */
		#multimedia {
	        float: left;
	        width: 100%;
	        margin: 5px 0 20px;
	        border-top: 8px solid #57badf;
	    }
	    #multimedia > header {margin-bottom: 0px;}
	    #multimedia > header h1 {
	        font-size: 1.1em;text-transform: uppercase;
	        position: relative;display: inline;top: -11px; left:10px;
	        padding: 0 12px;
	        color: #0098D3;background: #fff;
	        font-family:'Roboto Condensed', sans-serif;
	        font-weight:normal;
	    }
	    #multimedia article {
	        float: left;
	        width: 19.2%;
	        padding-bottom: 0;margin-right: 1%;
	        border-bottom: 0;
	    }
	    #multimedia article:last-child {margin-right: 0;}
	    #multimedia article header h1 {
	        display: block; margin-top: 5px;
	    }
	    #multimedia article header h1 a {color:#333;}
	    #multimedia article .cover {
	        float: none;
	        width: 100%; height:135px;
	    }
	    #multimedia article .cate, #multimedia article time {display: none;}

	    /* CATEGORY SECTION */
	    section.category {
	    	float: left;
	    	width: 100%;
	    	margin-bottom: 5px;
	    	border-top: 1px solid #ccc;
	    }
	    section.category > header {
	        float: left;
	        width: 100%;height: 30px;
	        margin-bottom: 8px;
	        border-bottom: 1px solid #e5e5e5;box-shadow: 0px 2px 0 #FCFAFA;
		}
	    section.category > header h1 {
	        float: left;
	        padding-right: 10px;
	        font-size: 12px;line-height: 30px;
		}
		section.category > article.featured > header .social {display:none !important;}
		section.category > header .followbox {
			display:block; float:right;
			width:30px; height:25px;
			background:url(img/rss_grey.jpg) no-repeat 50% 50%;
			position: relative;
			z-index: 9;
			cursor: pointer;
		}
		section.category > header .followbox:hover {color:#333;}
		section.category > header .followbox ul {
			display:none;
			position: absolute;
			border:1px solid #ccc;
			right: 0px;
			top: 25px;
			background:#fff;
			width:150px;
		}
		section.category > header .followbox li {
			width:100%;
		}
		section.category > header .followbox li a {
			padding:10px 10px; display:block;
			border-bottom:1px solid #ddd;
		}
		section.category > header .followbox li a:hover {background:#f7f7f7;}
		section.category > header .followbox li a:last-child {border:0;}
		section.category > header .followbox.hovering ul{
			display:block;
		}
		section.category > header .followbox.hovering {
			background:url(img/rss.png) no-repeat 50% 50%;
		}

		section.category h2 {
	        float: left;
	        font-size: 12px;font-weight: normal;line-height: 30px;
			margin-right: 10px;

		}
		section.category h2, section.category > header h1 {
			font-family: 'Roboto Condensed', sans-serif;
			font-size:1.2em;
			font-weight:normal;
		}
	    section.category h2 a {color: #555;}
	    section.category h2 a:hover {color: #333;}
	    /* Category Color */
	    section#xa-hoi.category,section#the-gioi.category,section#thi-truong.category,section#song-tre.category,section#phap-luat.category, section#the-gioi-sach.category {border-top-color: #57badf;}
		section#xa-hoi.category > header h1 a,section#the-gioi.category > header h1 a,section#thi-truong.category > header h1 a,section#song-tre.category > header h1 a,section#phap-luat.category > header h1 a,section#the-gioi-sach.category > header h1 a {color: #006588;}
		section#giai-tri.category,section#am-nhac.category,section#phim-anh.category,section#thoi-trang.category {border-top-color: #F60;}
		section#giai-tri.category > header h1 a,section#am-nhac.category > header h1 a ,section#phim-anh.category > header h1 a ,section#thoi-trang.category > header h1 a  {color: #cc3a00;}
		section#cong-nghe.category,section#xe-360.category, section#oto-xe-may.category,section#the-thao.category {border-top-color: #66cc66;}
		section#cong-nghe.category > header h1 a,section#xe-360.category > header h1 a,section#oto-xe-may.category > header h1 a,section#the-thao.category > header h1 a {color: #00A700;}
		section.category.skin4 {border-top: 0; padding-top:0; margin-top:15px;}
		section.category.skin4 > header h1 a {color: #E9004E;}
	    /* Category Top Section */
	    section.category .top {
	        float: left;
	        width: 32%;min-height: 160px;
	        padding: 0 10px;
	        border-right: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;
	    }
	    section.category .top article .cover, section.category .top article time {display: none;}
	    section.category .top article header {margin-bottom: 0;}
	    section.category .top article header h1 a {color:#444; }
	    section.category .top article.advertising header h1:before {
	        content:"Tài trợ";
	        display:inline-block;
	        font-size:9px;
	        background:#eee;
	        padding: 0px 3px;
	        border-radius:3px;
	        color:#888;
	        line-height:13px;
	    }

	    /* Category Article */
	    section.category article {
	        float: left;display: block;
	        height: auto !important;
	        margin-bottom: 6px;
	    }
	    section.category article:last-child {border-bottom: 0;}
	    section.category article:nth-child(4) {border: none;}
	    section.category article header {
	        float: none;overflow: hidden;
	        border: none;box-shadow: none;
	        height: auto;width: auto;max-height: 54px;
	        margin-bottom: 4px;
	    }
	    section.category article header h1 {
	    	font-family:  Arial, Helvetica, sans-serif;
	        float: none;
	        font-size: 12px;text-transform: none;line-height: 16px;color: #333;
	    }
	    section.category article .summary {display: none; overflow:hidden;}
	    section.category article .cover {width: 100px;}
	    section.category article header h1 {display: inline;}
	    section.category article time {margin-left: 5px;}
	    /* Category Featured Article */
	    section.category article.featured {
	        float: left;
	        width: 50%;
	        margin-bottom: 8px;padding-right: 8px;
	    }
	    section.category article.featured header h1 {
	        font-weight: bold;font-size: 12px;line-height: 16px;
	    }
	    section.category article.featured header h1 a {
	        background:none;padding-left:0;
	    }
	    section.category article.featured .summary {display: block; max-height:112px;}
	    section.category article.featured .cover {
	        width: 160px; height:120px;
	        margin-right:8px;
	    }
	    section.category article.featured.video .type {
	        display:block; position:absolute;top: 115px; left:3px;
	    }
	    /* Category Aside Article */
	    section.category article.aside header {max-height: none !important;}
	    section.category article.aside .cover {
	        float: none;
	        width: 100%; height:70px;
	        margin-bottom: 4px;
	    }
	    section.category article.aside {
	        float: left; width: 15%;margin-left: 10px;
	    }
	    section.category article.aside header h1 a {
	    	color:#444;
	    }
	    /* Category Advertising Article */
	    section.category article.aside.advertising h1 a {
	        font-size: 11px;font-weight: normal;
	    }

		/* Giai tri */
	    section#giai-tri {margin-bottom: 15px;}
	    section#giai-tri > header {margin-bottom: 10px;}
	    section#giai-tri article {
	        position: relative;display: block;float: left;
	        height: auto;
	    }
	    section#giai-tri article .cover {
	        width: 100%; height:120px;
	        float: none;
	        margin-bottom: 5px;
	    }
	    section#giai-tri article.featured {
	        width: 48%;
	        margin-right: 2%;padding-bottom: 0;
	        border-bottom: 0;
	    }
	    section#giai-tri article.featured .cover {height:230px; margin-bottom: 6px;}
	    section#giai-tri article.featured header {margin-bottom: 0;}
	    section#giai-tri article.featured header h1 {
	        margin: 8px 0 4px;
	        font-size:16px;
	        line-height:20px;
	    }
	    section#giai-tri article.featured header time {
	        position: absolute;top: 220px;left: 0;
	        color: #fff;
	        padding: 0 5px;
	    }
	    section#giai-tri article.featured .summary {display:none;}
	    section#giai-tri .top {
	        float: right;
	        width: 50%; padding:0;
	        border:0;
	    }
	    section#giai-tri .top article header h1 a:before {
	    	content: " ";
	    	display: inline-block;
	    	margin-right:5px;margin-left:2px;
	    	color:#888; font-size:11px;
	    	padding: 0 0;
	    	width: 3px; height:3px;
	    	background:#888; border-radius:5px;
	    	position:relative; top:-3px;

	    }
	    section#giai-tri .top article header h1 a {
	    	text-overflow:ellipsis;
	    	white-space: nowrap;
	    	overflow:hidden;
	    }
	    section#giai-tri .top article:nth-child(1),section#giai-tri .top article:nth-child(2) {width: 49%;margin: 0 2% 14px 0;}
	    section#giai-tri .top article:nth-child(1) .cover,section#giai-tri .top article:nth-child(2) .cover {display:block;}
	    section#giai-tri .top article:nth-child(1) header h1 a:before, section#giai-tri .top article:nth-child(2) header h1 a:before {display:none;}
	    section#giai-tri .top article:nth-child(1) header h1 a, section#giai-tri .top article:nth-child(2) header h1 a {text-overflow:inherit; white-space:normal; overflow:visible;}
	    section#giai-tri .top article:nth-child(2) {margin-right:0; }
	    section#giai-tri .top article:nth-child(3) {border-top:1px solid #eee; padding-top:8px; }


	    /* thoi-trang */
	    section#thoi-trang .showcase {
	        float: left;
	        width: 100%;
	        border-top: 1px solid #f7f7f7;
	        padding-top: 7px;margin-top: 8px;
	    }
	    section#thoi-trang .showcase article {
	        width: 32%; margin-right: 2%; border:0;
	    }
	    section#thoi-trang .showcase article:last-child {margin-right:0;}
	    section#thoi-trang .showcase article .cover {
	        float: none;
	        width: 100%; height:140px;
	        margin-bottom:8px;
	    }
	    section#thoi-trang .showcase article .cover img {width:100%; height:auto;}

		/* phong-cach-song */
	    section#phong-cach-song > header, section#phong-cach-song > header {margin-bottom: 10px;}
	    section#phong-cach-song > header {display:none;}
		section#phong-cach-song .category > header {display:block;}
	    section#phong-cach-song > section.category, section#phong-cach-song > section.category {
	        border: 0;
	        width: 32%;
	        margin-right: 2%;
	        border:1px solid #ddd; padding:5px 7px;
	    }
	    section#phong-cach-song > section.category:nth-child(4), section#phong-cach-song > section.category:nth-child(7) {margin-right: 0;}
	    section#phong-cach-song > section.category .top {
	    	border:0;
	    	width:100%;height:auto; min-height: 0;
	    	padding:0;
	    }
	    section#phong-cach-song section > header {
	        border: 0;box-shadow: none;
	        margin-bottom: 4px;
	        height: 27px;
	    }
	    section#phong-cach-song section > header h2 {
	        float: left;font-size: 1.2em;padding-left: 0px; line-height:27px; text-transform:uppercase;
	    }
	    body.serif section#phong-cach-song section > header h2 {font-weight:normal;}
	    section#phong-cach-song section > header h2 a {color: #A72953;}
	    section#phong-cach-song article {
	        height: auto; width:100% !important;
	        margin-bottom: 8px; padding-bottom: 7px; padding-right:0;
	        border-bottom:1px solid #eee;
	    }
	    section#phong-cach-song article.featured header {max-height:64px; min-height:32px;}
	    section#phong-cach-song article.featured .cover {
	        float: none;
	        width: 100%; height:120px;
	        margin-bottom: 8px;
	    }
	    section#phong-cach-song article.featured .summary {
	        float: left;
	        width: 100%;height: 64px;
	        overflow: hidden;
	    }
	    section#phong-cach-song .top article:last-child{border:0;}
	    section#phong-cach-song .top article .cover {display: none;}
	    section#phong-cach-song .top article header {
	        margin-bottom: 0;height: 36px;overflow: hidden;
	    }

		/* ARTICLE DETAIL PAGE LAYOUT */
	    section#content {
	        float: left;position:relative;
	        width: 660px;
	        padding: 0;
	        font-size: 14px;line-height: 18px; z-index: 9;
	    }
	    section#content > header {margin: 8px 0 0;}
	    section#content.pictures_layout > header {margin-bottom:0;}
	    section#content.pictures_layout > div.btnLaunchSlideshow {
	    	border: 1px dashed #ccc;
	    	background: #eee url(img/btnExpand.png) no-repeat 10px 50%;
	    	background-size: 24px;
	    	line-height:1.4;
	    	font-size:0.9em;
	    	padding: 10px 10px 10px 45px;
			color:#333;
			margin-bottom:10px;
			cursor:pointer;
	    }
	    section#content.pictures_layout > div.btnLaunchSlideshow span {
	    	color:#006BA0 ;
	    }
	    section#content > header h1 {
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 1.6em;line-height: 1.1;letter-spacing:0px;
	        max-height: none;
	        margin: 4px 0 0;
	        color: #333; letter-spacing:-1px;
	    }

	    body.serif section#content > header h1 {
	    	font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
	    	letter-spacing:0;
	    }

	    section#content > header p.update {
	    	font-size:11px; color:#888; margin-bottom:4px; display:none;
	    }
	    section#content > header p.update a {color:#888;}
	    section#content > header p.article-status {
	    	clear:both;
	    	width:100%;
	    	font-size:11px;line-height: 20px;color: #000;
	    	margin:0 0 8px;padding: 0;
	    }
	    section#content > header p.article-status .status {
	    	padding: 0 5px;margin-right:5px;
	    	text-transform:uppercase; font-size: 10px;
	    	display:block;float:left;
	    	height:20px; line-height: 22px;
	    }
	    section#content > header p.article-status {background:#FFE4E4;}
	    section#content > header p.article-status .status {background:#FF0000; color:#fff;}

	    section#content > header time, section#content > header .cate {
	        display: inline;
	        font-size: 10px;line-height: 12px;color: #888;
	    }
	    section#content > header .cate {
	        margin-right: 1px;
	        color:#555;text-transform: uppercase;
	        font-family:'Roboto Condensed', sans-serif;
	        font-size:1em;
	    }
	    section#content > header time {
	        padding-left:4px; border-left:1px solid #ddd; text-transform:uppercase;
	    }
	    section#content > header .summary {
	        color: #444;
	        font-size: 1.16em; line-height:1.3;
	        font-family:"Times New Roman", Times, serif;
	        margin-bottom:0;
	        padding:8px 0;
	        font-weight:bold;
	    }
	    body.serif section#content > header .summary {
			font-family: 'Noticia Text', Times, serif;
			font-size:1.1em; font-weight:normal; font-style:italic;
	    }
	    section#content > header .cover {
	        width: 100%;
	        margin: 8px 0 0;
	        display: none;overflow: hidden;
	    }
	    section#content > header .cover img {
	        width: 100%;height: auto;
	    }

		section#content > header .panorama {
			width: 100%;
			height: 400px;
			background-color:#000; background-position:50% 50%;
			background-image: url(img/pano-loading.gif); background-repeat:no-repeat; background-size: 32px;
			cursor:move;
			margin:0 0 20px;
			-webkit-transform: translateZ(0);
		   -moz-transform: translateZ(0);
		   -ms-transform: translateZ(0);
		   -o-transform: translateZ(0);
		   transform: translateZ(0);
		}
		section#content > header .panorama.loaded {
			background-size:cover; background-repeat:repeat-x;
		}
		section#content > header .panorama {width:100%; height:400px;}

	    section#content > header .panorama img {display:none;}

		.fb-comments span, .fb-comments span iframe {width:100% !important;}
	    #infographic {width:100% !important; }
	    body.infographic #comments, #infographic #discover {width:80%; margin: 20px 10%;}
	    body.infographic #content, body.infographic #content > article {width:100%;}
	    body.infographic table.picture {margin-bottom:20px;}
	    body.infographic table.picture .caption {display:none;}
	    body.infographic table.picture .pic {border:1px dashed #ccc;  background:#f7f7f7;}
	    body.infographic article > .author, body.infographic  article > .source {display:inline-block; margin-right:10px;}
	    body.infographic .zoom-instruct {
		    display: block;
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;

		    color: #fff;
		    text-align: center;
		    line-height: 100%;
		    font-size: 2em;
		    font-family: 'Roboto Condensed', sans-serif;
		    font-weight: 100;
		    text-transform: uppercase;
		    background: #000 url(img/pano-loading.gif) no-repeat 50% 50%;
		    opacity: 0.5;
	    }
	    body.infographic .sidebar, body.infographic .series, body.infographic section#content section.next_read {display:none !important;}
	    .zoomContainer {z-index: 99999;}



		/* Article Main */
	    section#content article {
	        float: left;position: inherit;
	        border: 0;cursor: default;
	        width: 460px;
	        margin-right: 20px;
	    }
	    section#content article .summary {
	        display: block;
	        margin: 5px 0 10px;
	        color: #888;font-family: Arial, Helvetica, sans-serif;
	    }

	    section#content article > .tags {
	        clear: both;
	        font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;
	        margin: 8px 0 0;
	    }
	    section#content article > .tags a {
	        display: inline-block;
	        background: #f1f1f1;
	        border-radius: 3px;
	        margin-right: 5px;padding: 3px 5px;
	        margin-bottom:4px;
	    }
	    section#content article:hover > .tags a {
	        background: #0394CB; color: #fff !important;
	        box-shadow: 2px 2px 0px #ccc;
	    }

	    section#content #metainfo .tags {
	        clear: both; margin-top:0px;
	    }
	    a[itemprop="keywords"] ,section#content #metainfo .tags a, section#content #metainfo .geographic a, section#content #metainfo .people a {
	        display: inline-block;
	        color: #0394CB;
	        margin-right: 3px;
	        font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;
	        background:#f7f7f7; padding:3px 8px; border-radius:3px;
	    }


	    section#content article .fb-like {margin-top: 10px; float:left;clear:both; height:30px; overflow:hidden; }

		/* Article Aside */
	    section#content aside {
	        float: right;width: 180px;padding-top: 0; z-index: 1;
	    }
	    section#content aside.fixed {position: fixed;}
	    section#content aside section {
	        float: left;
	        width: 100%;
	        margin-top: 0px;
	        border: 0;background:none;box-shadow:none;
	    }
	    section#content aside section > header {
	        border-top: 1px solid #cfcfcf;
	        margin-bottom: 0;padding: 0;
	    }
	    section#content aside section > header h1 {
	        font-size: 1em;font-weight:normal;
	        text-transform:uppercase;
	        padding-top:5px; margin-bottom:5px;
	    }
	    section#content aside article {
	        float: left;
	        width: 100%;
	        margin-bottom: 0;padding: 5px 0 5px;
	        border-bottom: 1px solid #f7f7f7;
	    }
	    section#content aside article header {height: auto; max-height:70px; overflow:hidden;}
	    section#content aside article header h1 {font-size: 12px;}
	    section#content aside article .cover {
	        width:50%; height:70px; margin-right:8px;
	    }

	    /* Next Articles */
	    section#content section.next_read {
	        position:absolute;bottom:120px; right:0;
	        width:180px;
	        padding:8px 10px;
	        border:1px solid #ccc;box-shadow:2px 2px 0 #f1f1f1;
	        display:none;
	    }
	    section#content section.next_read > header h1 {
	        font-weight: normal;font-size: 11px;
	        color: #B4B4B4;
	        border-bottom: 1px solid #CCC;
	        margin-bottom: 8px;
	    }
	    section#content.pictures section.next_read,section#content.stream_layout section.next_read {
	        display:none !important;
	    }
	    section#content section.next_read article {
	        float:none;position:relative;
	        width:100%;
	    }
	    section#content section.next_read article {
	        border-bottom:1px solid #f1f1f1;
	        padding-bottom:7px; margin-bottom:8px;
	    }
	    section#content section.next_read article:last-child {
	        border-bottom:0; margin-bottom:0; padding-bottom:0;
	    }
	    section#content section.next_read article header time {
	        font-size:10px; color:#888; text-transform:uppercase;
	    }
	    section#content section.next_read article header h1 a {
	        font-size:12px; color:#0077B3;
	    }

		/* Relate Articles */
	    section.related article {padding-top: 5px !important;}
	    section.related article .cover {display: none;}
	    section.related article header h1 {font-size: 13px;}
	    section.related article header h1 a {color: #0077B3;}

	    /* COMMENT */
	    #comments {
	    	float:left;
	        border-radius: 5px;
	        width:660px;
	        padding: 0 0 8px; margin:20px 0 8px 0;
	    }
	    #comments header {
	        line-height: 30px; height:30px;
	        padding: 0 5px 0 20px; margin-bottom:0;
	        background: url(img/icons.png) no-repeat 0px -1235px;
	        font-family:'Segoe UI', 'HelveticaNeue', Arial, Helvetica, sans-serif;font-size:14px;
	    }
	    #comments header h1 {
	    	float:left; height:30px; margin-right:5px;
	    	text-transform: uppercase;
	    }
	    #comments header ul {
	    	float:right;
	    	margin-left:10px;
	    	position:relative;
	    	top:-1px;
	    	display:none;
	    }
	    #comments header li.current {
	    	border-color:#888; top: 0;
	    }
	    #comments header li {
	    	float:left; position:relative; top: -2px;
	    	border: 1px solid #ddd; border-bottom:0; border-top-left-radius: 5px; border-top-right-radius: 5px;
	    	background:#fff;
	    	display:block; padding: 0 10px; margin-right:5px;
	    	cursor: pointer;
	    }
	    #comments header li.facebook {
	    	display:none;
	    	background: #fff url(img/icons.gif) no-repeat 10px -634px; color:#44579c;
	    	padding-left:30px;
	    }
	    #comments header li.zini {
	    	background: #fff url(img/icons.gif) no-repeat 10px -512px; color:#f15a24;
	    	padding-left:30px;
	    }
	    #comments #zini {display:none;}
	    #comments #zini .comment-list {
	    	width:100%; float:left; margin-top: 10px;
	    	border-top:1px solid #888;
	    	padding-top: 10px;
	    }
	    #comments #zini .comment-list .comment {
	    	font-family: "HelveticaNeue-Light", 'Segoe UI', Arial, Helvetica, sans-serif; font-size:14px; line-height:18px;
	    	float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee;
	    }
	    #comments #zini .comment-list .comment .profile {margin-bottom:5px; float:left; width:100%;}
	    #comments #zini .comment-list .comment .author {font-weight:bold; text-transform:uppercase; float:left;}
	    #comments #zini .comment-list .comment time {float:right; color:#888; font-size:11px;}
	    #comments #facebook {
	    	float:left; width:100%; display:none;
	    	background:url(img/icon_loading.gif) no-repeat 50% 20px;
	    	background-size:30px;

	    }
	    #comments #facebook .fb_iframe_widget {width:100% !important;}
	    #comments #facebook .fb_iframe_widget iframe {
			background:#fff;
	    }

	    .fb-recommendations-bar {}

	    /* DISCOVER SECTION */
	    #discover {width: 660px;float: left;margin-top:8px;}
	    #discover section {border-top: 1px solid #3399cc;}
	    #discover section > header h1 {font-size: 1.2em; text-transform:uppercase;}
	    #discover section > header h1 a {color:#3399cc;}

	    /* DISCOVER VIDEO */
	    #discover section.video {width:100%;}
	    #discover section.video article {
	        width:32%; margin-right:2%; margin-bottom:10px;
	    }
	    #discover section.video article:nth-child(3n+1) {margin-right: 0;}
	    #discover section.video article .cover {width:100%; height:130px; float:none; background: #000;}
	    #discover section.video article .cover img {opacity: 0.6;}
	    #discover section.video article:hover .cover img {opacity: 1;}
	    #discover section.video article .type {
	        display: block;position:absolute; top: 90px; left: 25px;
	        background: rgba(0, 0, 0, 0.4) url(img/icons.png) 10px -1409px !important;
	        border: 1px solid rgba(247, 247, 247, 0.41);border-radius: 3px;
	        width:35px; height:35px;
	        margin: 0 0 0 -18px;
	    }
	    #discover section.video article header {
	    	margin: 0;padding: 5px 5px;
	    	background:#0098D3;
	    	height:42px;
	    }
	    #discover section.video article header h1 a {background:none; padding-left:0;color: #fff;}
	    #discover section.video article .relate {display:none;}

	    /* DISCOVER SAME CATE */
	    #discover section.same_cate {
	        width: 100%;
	        margin-bottom: 16px;
	    }
	    #discover section.same_cate > header {margin-bottom: 10px;}
	    #discover section.same_cate article {
	        display: block; border: 0;
	        width: 24.2%;
	        margin-right: 1%;
	    }
	    #discover section.same_cate article:last-child {margin-right: 0;}
	    #discover section.same_cate article .cover {
	        float: none;margin-bottom: 3px;
	        width: 100%; height:120px;
	    }

		/* DISCOVER RELATE CATE */
	    #discover section.related_cate {
	        width: 30.6%;
	        margin: 8px 4% 20px 0;
	        border-color: #57badf;
	    }
	    #discover section.related_cate:nth-child(4) {margin-right: 0;}
	    #discover section.related_cate article {
	        border-bottom:1px solid #f7f7f7;
	        margin: 0 0 5px 0;padding: 0 0 5px 0;
	        width:100%;
	    }
	    #discover section.related_cate article .cover {display:none;}
	    #discover section.related_cate article .summary {display:none;}
	    #discover section.related_cate article header {margin-bottom:0; max-height:64px;}
	    #discover section.related_cate article header h1 {

	        padding: 0 10px 0 0;
	        height:32px;
	    }
	    #discover section.related_cate article header h1 {font-weight:normal;}

	    #discover section.related_cate article.featured .cover {
	        display:block; width:80px; height:60px;
	    }
	    #discover section.related_cate article.featured header h1 {font-weight:bold;}
	    #discover section.related_cate .top {width:100%; border:0; padding:0;}

		/* ARTICLE CONTENT */
	    article .content {
			font-family: "Times New Roman", Times, serif;
	        font-size: 1.16em;line-height: 1.3;
	    }
	    body.serif article .content {
	    	font-family: 'Noticia Text', Times, serif;
			font-size:1.1em; line-height: 1.6;
	    }
	    article .content .pTitle, article .content .pHead {display: none;}
	    article .content .pSubTitle {font-weight:bold;font-size:110%;}
	    article .content > p {margin: 8px 0;}
	    article .content > p a.extra {
	    	text-decoration:underline;
	    	color:#000;
	    }
	    article .content > p a.extra:hover {text-decoration: none;}
	    article .content > p >  strong {
	    	font-family: Arial, Helvetica, sans-serif;
	    	font-size:0.9em;
	    }
	    article .content .linebreak {display:block; margin-bottom:10px;}
	    article .content > *:nth-child(1) {margin-top:0;}
	    /* article .content > p ~ em, article .content > em ~ p {display:inline;} */
	    article .content p a {color:#0077B3;}
	    article .content p a:hover {text-decoration:underline;}
	    article .content .pQuestion {
	        font-style:italic; color:#000; font-family:'Segoe UI', Arial, Helvetica, sans-serif; font-size:14px;
	    }
	    article .content img {max-width:100%;}
	    article .content table {width:100%;}
	    article .content table img {width: 100%;height: auto;}
	    article .content table.picture {
	        font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;
	        color: #333;width: 100%;
	        margin: 8px 0;
	        clear:both;
	        position: relative;
	    }
	    article .content table.video {
	    	 font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14px;
	    }
	    article .content table.video .caption {
	    	padding:4px 0;
	    }

	    article .content table.picture td {position:relative;}
	    article .content table.picture .btnSlideshow {
	    	position:absolute; top: 0;  right:0%;
	    	color:#fff;
	    	background:url(img/expand.png) no-repeat 50% 50%;
	    	background-size: 16px;
	    	background-color:rgba(0, 0, 0, 0.6);
			width:30px; height:30px;
	    	overflow:hidden;text-indent:-999px;
			margin-left:0; margin-top:0;
	    	display:none;
	    	padding: 0 10px;
	    }
	    article .content table.picture:hover .btnSlideshow {
	    	display:block;
	    }
	    article .content table.picture:hover img {opacity: 0.95;}
	    article .content table.picture img {
	        margin-bottom: -3px;
	        cursor:pointer;
	    }
	    article .content table.picture p {margin: 0 0;}
	    article .content table.picture .caption {padding: 5px 0; line-height:16px;}
	    article .content div > table {
	    	border:1px solid #ccc;
	    	font-family:Arial, Helvetica, sans-serif;
	    	margin-bottom: 10px;
	    }
	    article .content div > table td {
	    	border-bottom: 1px solid #ddd;
	    	padding: 4px 10px;
	    	border-right:1px solid #eee;
	    }
	    article .content div > table tr:nth-child(2n) td {background:#f7f7f7;}
	    article .content div > table th {
	    	border-bottom: 1px solid #ddd; text-align:left;
	    	padding: 4px 10px;
	    	border-right:1px solid #eee;
	    }
	    article .content iframe {width:100%;}
		article .content blockquote {
			display:block; width:90%; clear:both;
			font-family: "Times New Roman", Times, serif;
			font-size: 1.2em; line-height: 1.2; font-style: italic;
			padding: 10px 5% 10px 10%;
			margin: 8px 5% 16px;
			position:relative; background:#eee;
			border-radius:10px;
		}
		article .content blockquote:before {
			content: '"';
			display: block; position:absolute; top: -0px; left:1%;
			font-size: 4em; color:#ccc;
			font-family: Arial, Helvetica, sans-serif;
		}
		article .content blockquote > p {
			margin:10px 0;
		}
		article .content blockquote > p:last-child {margin-bottom:0;}
		/** Inner article **/
		article .content .inner-article {
			float:left;width:100%; height:120px; overflow:hidden;padding:0 0;margin:10px 0;clear:both;position:relative;border:1px solid #ddd;
		}
		article .content .inner-article a {
			display:block; width:100%; height:100%; float:left;background:#f7f7f7;padding:0 10px 0 38%;
		}
		article .content .inner-article a h1 {color: #0077B3;}
		article .content .inner-article .cover {float:left; width:35%;margin-right: 10px !important;position:absolute; top:0; left:0; bottom:0;}
		article .content .inner-article h1 {
			margin-top: 10px;font-size: 0.9em;line-height: 1.2;font-family: Arial, Helvetica, sans-serif;font-weight: bold;text-align:left;
		}
		body.serif article .content .inner-article h1 {
			font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
		}
		article .content .inner-article .summary {font-size:12px; line-height:16px; max-height:64px;}
		/* Inner video article */
		article .content .inner-video {
			float:left; width:100%; height: 300px;
			overflow:hidden; margin:4px 0 10px;
		}
		article .content .inner-video a {display:block; width:100%; height:100%; float:left; position:relative;}
		article .content .inner-video .cover {width:100%; height:100%; position:relative;}
		article .content .inner-video .cover span {
			display:block; width:70px;height:70px;overflow:hidden; text-indent:-999px;
			background:url(img/icon_play.png) no-repeat 50% 50%;
			position:absolute; top:40%; left:50%; margin-top: -35px; margin-left:-35px;
		}
		article .content .inner-video h1 {position:absolute; bottom:0; left:0; right:0; font-size:1.4em; line-height:1.2; color:#fff; padding:10px; font-family:'Roboto Condensed', sans-serif; font-weight:normal; background:rgba(0,0,0,0.6); }

		/* Attachment to an article */
		#attachments {
			width:100%;
			padding-bottom:5px;
		}
		#attachments > p {
			font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
			font-size:0.9em;
			margin-bottom:8px;
		}

		#attachments li {
			background:url(img/icon_attachments.jpg) no-repeat 10px 50%;
			background-size:16px;
			line-height:24px;
			margin-bottom:5px; padding: 10px 10px 10px 34px;
			border:1px solid #ddd;
			font-family:'Roboto Condensed', sans-serif;
			text-transform:uppercase;
			font-size:0.9em;
			box-shadow: 2px 2px 0 rgba(0,0,0,0.04);
		}
		#attachments li a {
			display:block;
			width:100%; height:100%;
		}

		/* Live Stream */
		#livestream {margin-bottom:20px; }
		#livestream, #livestream .events, #livestream .events li {width:100%; float:left;clear: both;overflow:hidden;}
		#livestream .events {border-top:1px solid #ccc;}
		#livestream .controller {
			float:left; width:100%;
			padding: 0 10px;font-size:1em; height:36px; line-height:36px;
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background: -moz-linear-gradient(top,  #ffffff,  #f5f5f5);background: -ms-linear-gradient(top,  #ffffff,  #f5f5f5);background: -o-linear-gradient(top,  #ffffff,  #f5f5f5);background: linear-gradient(top,  #ffffff,  #f5f5f5);
			font-family:'Roboto Condensed', sans-serif;
		}
		#livestream .controller h2 { float:left; font-weight:normal; text-transform:uppercase; }
		#livestream .controller .btnRefresh {float:right;font-size:0.8em; line-height:36px;color:#F00;}
		#livestream .controller .btnRefresh span {font-weight:bold;}
		#livestream .controller .btnRefresh.error {color:#C90000;}
		#livestream .controller .btnRefresh.isLoading {
			overflow: hidden;text-indent:-9999px;display:block; float:right;
			width: 20px; height:36px;
			background:url(img/icon_loading_small.gif) no-repeat 50% 50%;
		}
		#livestream .events li {margin-bottom:2px;box-shadow:0px 2px 0px -1px #ECECEC;position:relative;overflow:hidden;}
		#livestream .events li .event {
			top:0;position:relative;float:left;width:100%;
			border-right:1px solid #fff;
		}
		#livestream .events li:hover .event {
			border-right:1px solid #0098D3;
		}
		#livestream .events li .event-meta {
			width: 10%;float:left;font-size:0.7em;text-align:center;position:relative;top:0;
		}
		#livestream .events li .event-meta .type {
			display:block; width:32px; height:32px;
			margin: 15px auto;
			background-image:none;background-repeat:no-repeat;background-position: 50% top;background-size:24px;
			border-radius: 5px;
			overflow:hidden;text-indent:-999px;
		}
		#livestream .events li .event-content {
			width: 90%;float:right;
			padding:0 10px 10px;font-size:12px; line-height:1.6;position:relative;top:0;
			font-family:Arial, Helvetica, sans-serif;
		}
		#livestream .events li .event-content .inner-article {border:0; padding:0;margin:0; font-size:1.2em;}
		#livestream .events li .event-content .inner-article p {margin:0;}
		#livestream .events li .event-content table {margin: 10px 0 !important;}
		#livestream .events li .event-content table.picture,#livestream .events li .event-content table.video {
			border:0 !important;
		}
		#livestream .events li .event-content table.picture td,#livestream .events li .event-content table.video td {
			border:0 !important;padding:0 !important;
		}
		#livestream .events li .event-content table.picture td.caption,#livestream .events li .event-content table.video td.caption {
			display:none;
		}
		#livestream .events li .event-content table.picture {background:none !important;}
		#livestream .events li:hover .event-content {background:#fcfcfc;}
		#livestream .events li .event-content time {
			padding:0;margin-top: 8px;display:block; width:100%;
			color:#940000; font-size:0.9em;
		}
		#livestream .events .event-content p {margin:4px 0 8px;}

		#livestream .events .event-content table,#livestream .events .event-content tbody, #livestream .events .event-content tr {
			max-width:100%;display:block;overflow:hidden;
		}
		#livestream .events .event-content table.picture {border:0 !important;}
		#livestream .events .event-content img {max-width:100% !important; width:auto !important;}
		#livestream .events .event-content table.picture .caption {border:0; background:none; padding: 10px 0;}
		#livestream .events .event-content table.picture td {border:0; padding:0;}
		#livestream .events .event-content table td {display:block; width:100%;}
		#livestream .events li.football_goal .event-meta .type {
			background-image: url(img/commentary/football_goal.png);
		}
		#livestream .events li.football_corner .event-meta .type {
			background-image: url(img/commentary/football_corner.png);
		}
		#livestream .events li.football_yellowcard .event-meta .type {
			background-image: url(img/commentary/football_yellocard.png);
		}
		#livestream .events li.football_redcard .event-meta .type {
			background-image: url(img/commentary/football_redcard.png);
		}
		#livestream .events li.football_change .event-meta .type {
			background-image: url(img/commentary/football_change.png);
		}
		#livestream .events li.football_start .event-meta .type {
			background-image: url(img/commentary/football_start.png);
		}
		#livestream .events li.football_map .event-meta .type {
			background-image: url(img/commentary/football_map.png);
		}
		#livestream .events li.football_stadium .event-meta .type {
			background-image: url(img/commentary/football_stadium.png);
		}
		#livestream .events li.football_time .event-meta .type {
			background-image: url(img/commentary/football_time.png);
		}
		#livestream .events li.football_stop .event-meta .type {
			background-image: url(img/commentary/football_stop.png);
		}
		#livestream .events li.phone .event-meta .type {
			background-image: url(img/commentary/phone.png);
		}
		#livestream .events li.comment .event-meta .type {
			background-image:url(img/commentary/comment2.png);
		}
		#livestream .events li.quotation .event-meta .type {
			background-image:url(img/commentary/quotation.png);
		}
		#livestream .events li.facebook .event-meta .type {
			background-image:url(img/commentary/facebook.png);
		}
		#livestream .events li.mail .event-meta .type {
			background-image:url(img/commentary/mail.png);
		}
		#livestream .events li.video .event-meta .type {
			background-image:url(img/commentary/video.png);
		}
		#livestream .events li.picture .event-meta .type {
			background-image:url(img/commentary/picture.png);
		}
		#livestream .events li.medal_bronze .event-meta .type {
			background-image:url(img/commentary/medal_bronze.png);
		}
		#livestream .events li.medal_silver .event-meta .type {
			background-image:url(img/commentary/medal_silver.png);
		}
		#livestream .events li.mdeal_gold .event-meta .type {
			background-image:url(img/commentary/medal_gold.png);
		}

		/* INTERVIEW */
		#interview {float:left;width:100%; font-family:Arial, Helvetica, sans-serif;}
		#interview .event-banner {float:left; width:100%; }
		#interview .event-banner img {width:100%; height:auto;}
		#interview .event-wrapper { float:left; width:100%; position:relative; border:1px solid #dadada;padding:10px; border-top:0; top:-6px; background:#fff; box-shadow:0px 0px 4px -2px #8D8D8D;}
		#interview .event-wrapper .stream, #interview .event-wrapper .description {width:100%; margin: 0 0; float:left; padding:15px; font-size:1em; }
		#interview .event-wrapper .stream {padding-top:0px; padding-bottom:0;}
		#interview .description .content {float:left; width:75%;padding-right:10px;border-right:1px solid #eee; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
		#interview .description .content .participant {float:left; width:100%;}
		#interview .description .content .participant li {width: 100%; float:left;  margin-right:0; padding-right:10px; font-size:1em; line-height: 50px; color:#b80000; text-transform:uppercase; cursor: pointer; font-family:'Roboto Condensed', sans-serif;}
		#interview .description .content .participant img {border-radius:50px; width: 50px; height:50px; display:block; margin:0; float:left; margin-right: 10px;}
		#interview .description .content .label {font-size:0.85em; text-transform:uppercase; color:#555; background:#f1f1f1; padding: 3px;}
		#interview .description .info {float:right; width:25%;  padding-left: 10px; font-size:0.9em;}
		#interview .description .info li {float:left; width:100%; margin-bottom:8px; font-family:'Roboto Condensed', sans-serif;}
		#interview .description .info label {display:block; color:#888; font-size:11px; text-transform:uppercase;}
		#interview .description .info span {font-size:14px; text-transform:uppercase; color:#e94d00;}
		#interview .description .info .btnSubmit {
			width:100%; border-radius:3px;
			background: #56BAEE;
			padding: 10px 5px; text-align:center;
			font-size:1em; text-transform:uppercase;
			float:left; clear:both; color:#fff;
			border:1px solid #6cbfeb;
			margin-top: 0;
			display:none;
			font-family:'Roboto Condensed', sans-serif;
		}
		#interview.live .btnSubmit, #interview.question .btnSubmit {display:block !important;}
		#interview .timer {line-height:16px;display:none; text-align:center; font-size:12px;float: left;width: 100%;border-top: 1px solid #eee;padding: 10px 0; color:#888; cursor:pointer; }
		#interview .timer:hover {color:#f00;}
		#interview .timer.error {color:#f00;}
		#interview.live .timer {display:block;}
		#interview .timer.isLoading {
			overflow: hidden;text-indent:-9999px;display:block; float:right;
			background:url(img/icon_loading_small.gif) no-repeat 50% bottom;
		}
		#interview .stream li {
			position:relative;width:100%;border-top:1px solid #eee; float:left; padding:10px 0 20px; background:#fff;
		}
		#interview .stream li time {font-size:11px; color:#f15a24; float:right;}
		#interview .stream li .author {text-align:left; margin:0; font-weight:normal; color:#555; font-size:12px; }
		#interview .stream li .question .author {text-transform:uppercase;}
		#interview .stream li .question .author span {font-weight:bold;}
		#interview .stream li .question .content {font-weight:bold; font-size:13px; margin-top:5px; clear:both; font-family:Arial, Helvetica, sans-serif;}
		#interview .stream li .answer {margin-left: 30px; margin-top:20px; border-left:2px solid #ddd; padding-left:10px; font-size:1em;}
		#interview .stream li .answer .author {font-weight:bold; color:#b80000; text-transform:uppercase; margin-bottom:5px;}
		#interview .stream li .answer .content {font-size:16px; }
		#interview .stream li .answer table.picture {border:0;}
		#interview .stream li .answer table.picture td {padding:2px 0; background:#fff; color:#555; border:0;}
		#interview .stream li .answer table.picture td.caption {display:none;}



	    /* Side Notes */
	    article .content .notebox {
	        background: #D9E6F0;
	        color:#000;
	        width: 100%;
	        border-radius: 5px; border:1px dashed #888;
	        margin-bottom: 5px;padding: 15px 15px;
	        font-family: Arial, Helvetica, sans-serif;
	        font-size:12px;
	        float:left; width:100%;

	    }
	    article .content .notebox a {color:#fff; text-decoration: underline;}
	    article .content .notebox p {margin: 12px 0;}
	    article .content .notebox p:first-child {margin-top: 0;}
	    article .content .notebox p:last-child {margin-bottom: 0;}
	    article .content .notebox td {padding: 10px;}
	    article .content .notebox.nright {
	        float: right;margin-left: 10px;width:50%;
	    }
	    article .content .notebox.nleft {
	        float: left;margin-right: 10px;width:50%;
	    }
	    article .content .notebox.ncenter {
	    	margin-top:5px;
	    }

	    /* Source & Author */
	    article .content .pSource, article .content .pzSource, article .content .pAuthor, article .content .pzAuthor {display:none;}
	    article > .author, article > .source {
	        font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;font-size: 13px;
	        margin: 0 0 5px 0;
	        color: #000;
	        text-align:right;
	    }
	    article .content .pAuthor, article .content .pzAuthor {text-transform: capitalize;}

	    /* META INFO */
	    #metainfo {
	    	font-size:12px; padding: 5px 10px 5px 15px;
	    	float:left; clear:both; width:100%;
	    	font-family:'Roboto Condensed', sans-serif;
	    	border:1px solid #DDD;
	    	border-left:2px solid #b1b1b1; margin-top:10px;
	    }
	    #metainfo ul.info {width:100%; float:left;}
	    #metainfo ul.info li {float:left;width:100%; padding:5px 0;}
	    #metainfo ul.info li > label {float:left; width:15%;}
	    #metainfo ul.info li > .info {float:right; width: 80%;}
	    #metainfo ul.info li.source a {color:#919191; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display:block;}
	    #metainfo ul.info li.source span {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; display:block; display:none;}

	    #credit {
	    	margin:8px 0;
	    	font-size:0.9em;
	    	font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;
	    	text-align:right;
	    	clear:both; float:right;
	    }
	    #credit .author {font-size:1.3em;}
	    #credit .source span {
	    	font-weight:normal;
	    	color:#919191;
	    	font-family:Arial, Helvetica, sans-serif;
	    	font-size:11px;
	    	position:relative; top:-2px;
	    }

	    #articleRating {
	    	font-weight:normal;
	    	border-top:1px solid #ddd;
	    	float:left; clear:both;
	    	width:100%; padding-top:10px; margin-top:5px;
			display:none;
	    }
	    #articleRating > p {margin-bottom:8px; color:#555; display:none;}
	    #articleRating > p.heading {text-transform:uppercase; margin-bottom:0px; font-family:'Roboto Condensed', sans-serif; color:#000; display:block; margin-bottom:8px;}
	    #articleRating ul {padding-left:20px;}
	    #articleRating li {cursor:pointer; padding: 3px 10px 3px 25px; background:#f7f7f7; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif;
	    	border:1px solid #eee; border-radius:3px;
	    }
	    #articleRating li.ratingGood {
	    	background:url(img/icon_heart.png) no-repeat 5px 4px; background-size:14px;
	    }
	    #articleRating li.ratingNormal {
	    	background:url(img/icon_check.png) no-repeat 5px 4px; background-size:16px;
	    }
	    #articleRating li.ratingBad {
	    	background:url(img/icon_dislike.png) no-repeat 5px 6px; background-size:14px;
	    }
	    #articleRating li:hover {background-color:#eee; border-color:#888;}
	    #articleRating .result a {color:#0394CB;}

	    #followbox {
	    	float:left;width:100%; border-top:1px solid #ddd;
	    	margin-top:10px; padding-top:10px; display:none;
	    }
	    #followbox li {
			float:left; width:33.3%; height:60px;
			border-right:1px solid #eee;
	    }
	    #followbox li:last-child {border:0;}
	    #followbox li a {
			display:block; width:100%; height:100%;
			padding-left: 65px; padding-right:5px;
	    }
	    #followbox li.zalo a {
			background:url(img/icon_barcodezalo.jpg) no-repeat left top;
	    }
	    #followbox li.extension a {
			background:url(img/icon_download.jpg) no-repeat 4px -3px;
	    }
	    #followbox li.facebookfanpage a {
			background:url(img/icon_facebook.jpg) no-repeat left top;
	    }

		#idtag {
			font-size: 12px;
			border-radius:5px;
			background:#F7F7F7;
		}
		#idtag p {
			padding: 5px 0 5px 30px;
		}
		#idtag p label {font-weight:bold;}
		#idtag a {color:#0077B3; font-weight:bold;text-decoration:underline;}
		#idtag a:hover {}
		#idtag p.location {
			background: url(img/map.png) no-repeat 5px 2px;
			background-size:22px;
		}
		#idtag p.people {
			background: url(img/user.png) no-repeat 5px 0px;
			background-size:22px;
		}
	    #location a {color:#000;}
	    #location a:hover {
	    	color:#006BA0;
	    }

	    .lastupdate {
	    	font-size:11px; color:#888; margin:8px 0;
	    	font-family:Arial, Helvetica, sans-serif;
	    	display:none;
	    }

	    /* Source & Author
	    article .content .pSource, article .content .pzSource, article .content .pAuthor, article .content .pzAuthor {display:none;}

	    article .author, article .source {
	        font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;font-size: 13px;
	        margin: 0 0 5px 0;
	        color: #000;
	        text-align:right;
	    }
	    article .content .pAuthor, article .content .pzAuthor {text-transform: capitalize;}
	    article .source  {
	    	font-weight: normal;font-style: italic;
	    }
	    */
	    article > span[itemprop],article > div[itemtype] {display:none;}
	    /* Series */
	    article .series {
	    	width: 100%; margin-top:20px; float:left;
	    }
	    .series article > header h1 span.social {display:none !important;}
		article .series > li {
			float: left;
			width: 100%;
			border: 1px solid #ACACAC;
			margin-bottom: 8px;
		}
		article .series > li > div {
			padding: 4;
			width:100%;
			border-bottom: 1px solid #eee;
			padding: 6px 10px 4px;
		}
		article .series > li > div p { text-transform:uppercase; font-size:10px; }
	    article .series > li > div label {
	        display:block; float:left;overflow:hidden;
	        width:50px; height:48px;
	        background: #09c url(img/icons.png) no-repeat  7px -1586px; color:#FFF;
	        font-size: 9px;text-align:center;text-transform: uppercase;text-indent:-999px;
	        margin-right:10px;}
	    article .series > li > div h1 {margin-top:6px;/* font-size: 1.8em; */margin: -4px 0 0 0;padding: 4px 0; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:normal;}
	    article .series > li > div h1 a {font-size: 16px; color:#09c; line-height: 20px;}
	    article .series > li > div .count {font-size:10px; color:#888; text-transform: uppercase;}
	    article:hover .series > li {border-color: #ccc}
	    article .series > li ul {width:100%; float:left;}
	    article .series > li li {width:25%; float:left;padding: 0;border-right: 1px solid #eee;}
	    article .series > li li:last-child {border:0;}
	    section#content article .series article {width:100% !important; margin:0;}
	    section#content article .series article .cover {height: 80px;width: 100%;margin-bottom: 0;float: none;}
	    	section#content.pictures_layout article .series article .cover {height:120px;}
	    section#content article .series article header {padding:10px;}

		/* VIDEO CONTENT */
		#video_content {
			float: left;width: 100%;margin-bottom: 10px;
		}
		#video_content > header {
			float: left;overflow: visible;
			background: #333;
			width: 100%;height: 430px;
			padding: 0 20px 0 0;
		}
		#video_content > header iframe {
			float: left;
			width: 660px;height: 430px;
			margin-right: 20px;
		}
		#video_content > header .cate, #video_content > header time {
			display: block;float: left;
			font-size: 10px;color: #f1f1f1;text-transform: uppercase;
		}
		#video_content > header time {
			width: 150px;
			margin-left: 10px;
		}
		#video_content > header h1 {
			float: left;
			color: #fff;
			font-size: 20px;font-weight: normal;letter-spacing: -1px;line-height: 24px;
			margin: 20px 0 10px;padding: 0 0 10px 0;
			width: 280px;
			border-bottom: 1px dotted #888;
		}
		#video_content > header .summary {
			float: left;
			font-family: 'Segoe UI', Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px;
			color: #fff;
			padding: 0;
			width: 280px;
			border-top: 1px dotted #888;
			padding-top: 4px;margin-top: 8px;
		}
		#video_content > header .author {
			float: left;
		    width: 280px;
		    margin: 8px 0;
		    color: #fff;
		    font-weight: bold;
		    border-top: 1px solid #fff;
		    padding-top: 8px;
		}
		#video_content > header .source {
			float:left;
			color:#fff;
		}
		#video_content > header .fb_iframe_widget {
			width: 280px;float: left;margin-top: 10px;
		}
		#video_content > article {display: none;}


	    /* PICTURE & VIDEO CUSTOMIZATIONS */
	    section.video_layout > header {margin-bottom:8px;}
	    section.video_layout > header .cover iframe {width:100%; height:100%;}
	    section.video_layout > header .cover, section#content.video_layout article .content, section#content.video_layout article .tags{display:none;}
	    section.video_layout aside {margin-top: 10px;}
	    section.video_layout aside .social {margin-top: 8px; margin-bottom:8px;}
	    section.video_layout aside {width: 100%;padding-top:10px;margin-top:0;}
	    section.video_layout > article {display:none;}

	    section#content.pictures_layout article, section#content.stream_layout article {width: 100% !important;padding-bottom: 5px;}
	    section#content.pictures_layout article .content img {width:100%; height:auto;}
	    section#content.pictures_layout article .content table.picture {margin-bottom:25px;color: #333;background: #f0f0f0; width:100%; position:relative;}
	    section#content.pictures_layout article .content table.picture .caption {
	        padding: 10px;line-height: 1.6;
	    }
	    section#content.pictures_layout article .content table.picture .caption a {
	    	color:#000;text-decoration:underline;
	    }
	    section#content.pictures_layout aside, section#content.stream_layout aside {width: 100%;margin-top: 0;padding-top: 0; z-index:-1;}

	    section#content.pictures_layout .share_buttons li, section#content.stream_layout .share_buttons li, section.video_layout .share_buttons li {width: 22%;margin-right: 4%;}
	    section#content.pictures_layout .share_buttons li:last-child, section#content.stream_layout .share_buttons li:last-child, section.video_layout .share_buttons li:last-child {margin-right: 0;}
	    section#content.pictures_layout section.social > header, section#content.stream_layout section.social > header,  section.video_layout section.social > header {display: none;}
	    section#content.pictures_layout section.topview,  section#content.stream_layout section.topview, section.video_layout section.topview {display: none;}
	    section#content.pictures_layout .share_buttons li, section#content.stream_layout .share_buttons li, section.video_layout .share_buttons li {border: 0;padding: 0;}
	    section#content.pictures_layout .share_buttons li a, section#content.stream_layout .share_buttons li a, section.video_layout .share_buttons li a {
	        border: 1px solid #e4e4e4;border-radius: 5px;
	        box-shadow: 2px 2px 0 #fcfcfc;padding: 10px 10px 10px 30px;
	    }

	    section#content.pictures_layout .share_buttons li a:hover, section#content.stream_layout .share_buttons li a:hover, section.video_layout .share_buttons li a:hover {
	        border-color: #96C0DD;
	    }
	    section#content.pictures_layout .share_buttons li.btn_facebook a, section#content.stream_layout .share_buttons li.btn_facebook a, section.video_layout .share_buttons li.btn_facebook a {
	        background-position: 10px -570px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_facebook a:hover,section#content.stream_layout .share_buttons li.btn_facebook a:hover, section.video_layout .share_buttons li.btn_facebook a:hover {
	        background-position: 10px -632px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_zingme a,section#content.stream_layout .share_buttons li.btn_zingme a,section#content.pictures_layout .share_buttons li.btn_zingme a, section.video_layout .share_buttons li.btn_zingme a {
	        background-position: 10px -149px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_zingme a:hover,section#content.stream_layout .share_buttons li.btn_zingme a:hover, section.video_layout .share_buttons li.btn_zingme a:hover {
	        background-position: 10px -89px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_google a,section#content.stream_layout .share_buttons li.btn_google a, section.video_layout .share_buttons li.btn_google a {
	        background-position: 10px -690px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_google a:hover,section#content.stream_layout .share_buttons li.btn_google a:hover, section.video_layout .share_buttons li.btn_google a:hover {
	        background-position: 10px -750px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_zini a,section#content.stream_layout .share_buttons li.btn_zini a, section.video_layout .share_buttons li.btn_zini a {
	        background-position: 10px -450px;
	    }
	    section#content.pictures_layout .share_buttons li.btn_zini a:hover,section#content.stream_layout .share_buttons li.btn_zini a:hover, section.video_layout .share_buttons li.btn_zini a:hover {
	        background-position: 10px -510px;
	    }

	    section#content.stream_layout #livestream .events .event-meta {width:10%;}
		section#content.stream_layout #livestream .events .event-content {width:89%;}
		section#content.stream_layout #livestream .events .event {left:-90%; }
		section#content.stream_layout #livestream .events li .event-meta {left: 90%;}
		section#content.stream_layout #livestream .events li .event-content {left: 90%;}
		section#content.stream_layout #livestream .events li {margin-bottom:15px;width:100%;}
		section#content.stream_layout #livestream .events li .event-meta .type {background-size: 32px;}

		/* ARTICLE SHARE BUTTON */
	    .share_buttons {
	        float: left;width: 100%;
	    }
	    .share_buttons li {
	        float: left;
	        width: 48%;
	        margin-right: 4%;padding: 10px 5px;
	        font-size: 12px;line-height: 16px;
	        border-bottom: 1px dashed #dfdfdf;
	    }
	    .share_buttons li:nth-child(2n) {margin-right: 0;}
	    .share_buttons li a {
	        display: block;
	        width: 100%;height: 100%;
	        padding-left: 20px;
	        background: url(img/icons.gif) no-repeat 0 -9999px;
	        color: #333;
	    }
	    .share_buttons li.btn_facebook a {background-position: 0 -579px;}
	    .share_buttons li.btn_facebook a:hover {background-position: 0 -641px;}
	    .share_buttons li.btn_zingme a {background-position: 0 -159px;}
	    .share_buttons li.btn_zingme a:hover {background-position: 0 -99px;}
	    .share_buttons li.btn_google a {background-position: 0 -700px;}
	    .share_buttons li.btn_google a:hover {background-position: 0 -760px;}
	    .share_buttons li.btn_zini a {background-position: 0 -460px;}
	    .share_buttons li.btn_zini a:hover {background-position: 0 -520px;}

		/* SIDEBAR SECTION */
	    .sidebar > section {
	    	float: left;
	        margin: 0 0 16px;
	        width: 100%;
	        border: 1px solid #ccc;border-top: 1px solid #888;
	        box-shadow: 0px 2px 0 #FCFAFA;
	        background: #fdfdfd;
	    }
	    .sidebar section .btnMore {text-align: center;}
	    .sidebar section .btnMore a {
	        position: relative;top: 6px;
	        padding: 0 10px;
	        font-size: 12px;
	        background: #fff;
	        font-family:'Roboto Condensed', sans-serif;
	        text-transform:uppercase;
	    }
	    .sidebar section > header {
	        border-bottom: 1px solid #e5e5e5;box-shadow: 0px 2px 0 #FCFAFA;
	        height: auto;
	        margin-bottom: 0;padding: 8px 10px 0;
	        background: #fff;
	    }
	    .sidebar section > header h1 {
	        font-size: 1.2em;text-transform: uppercase;
	        line-height: 1.4;
	        margin: 0 0 8px;
	        font-family: 'Roboto Condensed', sans-serif;
	        font-weight:normal;
	    }
	    .sidebar section article {
	        float: left;
	        margin-bottom: 0;padding: 8px 10px;
	        border-bottom: 1px dashed #f1f1f1;
	    }
	    .sidebar section > article:last-child {border: 0;}
	    .sidebar section article header {
	        border: 0;box-shadow: none;margin-bottom: 0;
	    }
	    .sidebar section article header h1 {
	        display: inline;
	        text-transform: none;
	        height: auto;
	        padding: 0 0;
	    }
	    .sidebar section article header time {display: none;}
	    .sidebar section article header .cate {display: none;}

		/* SIDEBAR TOPIC */
		.sidebar section.topic {border-top:1px solid #0099cc;}
	    .sidebar section.topic > header {margin-bottom: 0; padding-top:8px;}
	    .sidebar section.topic > header p.sponsor {color:#949494; margin-top:2px; text-transform:uppercase; font-size:9px;}
	    .sidebar section.topic > header h1 a {color:#007197;}
	    .sidebar section.topic article {border:0;}

	    .sidebar > section.topic article:nth-child(n+5) {
	    	display:none;
	    }
	    .sidebar section.topic article.featured .cover {
	        width: 100%; height:170px;
	        float: none;display: block;
	        margin-top: 0; margin-bottom:6px;
	    }

	    .sidebar section.topic article.featured .cover img {
	    	width:100%; height:auto;
	    }
	    .sidebar section.topic article.featured header {
	        float: none;margin-bottom: 0;height: auto;
	    }
	    .sidebar section.topic article.featured header h1 {
	        font-size: 14px;font-weight: bold;
	        line-height: 18px;max-height: none;
	    }
	    .sidebar section.topic.sponsor {
	    	border-color:#eee;
	    }
	    .sidebar section.topic.sponsor article.featured .cover {
	    	width:50%; height:100px; float:left; margin: 0 10px 0 0;
	    	display:block;
	    }
	    .sidebar section.topic.sponsor article .cover {
	    	width:35%; height:70px; margin-right: 10px;
	    }

	    /* SIDEBAR CONTACT */
	    .sidebar .contact {float:left; width:100%; border:1px dashed #ccc; padding:2px;}
	    .sidebar .contact p {
	    	font-size:10px; color:#888; text-align:center;
	    	margin-bottom:5px;
	    }
	    .sidebar .contact p span {
	    	position:relative; top:-5px;
	    	padding: 0 5px;
	    	background:#fff;
	    }
	    .sidebar .contact li {
	    	float:left;
	    	margin:0 1% 0 0;
	    	background:#f1f1f1;
	    	font-size:1em; line-height:30px;
	    	padding-right:8px;
	    	width:100%;
	    	color:#ccc;
	    	font-family:'Roboto Condensed', sans-serif;
	    }
	    .sidebar .contact li.email > a {
	    	color:#39C;
	    }
	    .sidebar .contact li.email > a:hover {
	    	text-decoration:underline;
	    }
	    .sidebar .contact li span {
	    	display:block; float:left; width:30px; height:30px; overflow: hidden;text-indent:-999px;
	    	background:#F79400 url(img/icons.png) no-repeat -9999px -9999px;
	    	margin:0 8px 0 0;
	    }
	    .sidebar .contact li.email {border-bottom:1px solid #fff;}
	    .sidebar .contact li.email span {background-position: -54px -1113px;}
	    .sidebar .contact li.phone span {background-position: -54px -1052px;}


		/* SIDEBAR VIDEO */
		.sidebar section.video {border: 0;}
		.sidebar section.video > header {
			border-bottom: 1px solid #ccc;border-top: 2px solid #0098D3;
		}
		.sidebar section.video > header h1 {

		}
		.sidebar section.video > header h1 a {color: #0098D3;}
		.sidebar section.video article {
			margin: 0 4% 8px 0;padding: 0;
			width: 48%;
			float: left;
		}
		.sidebar section.video article:nth-child(4) {margin-right: 0;}
		.sidebar section.video article:nth-child(n+5) {display:none;}
		.sidebar section.video article.featured {width: 100%;}
		.sidebar section.video article .cover {
			float: none;overflow: hidden;
			margin-right: 0;
			width: 100%;height: 90px;
			background: #000;
		}
		.sidebar section.video article.featured .cover {height: 180px;}
		.sidebar section.video article .cover img {
			width: auto;height: 100%;opacity: 0.7;
		}
		.sidebar section.video article:hover .cover img {opacity: 1;}
		.sidebar section.video article header {
			margin: 0;padding: 5px 5px;
			background: #0098D3;
			height: 58px;
		}
		.sidebar section.video article.featured header h1 {
			font-size: 12px;line-height: 18px;
		}
		.sidebar section.video article.featured header {height: auto;}
		.sidebar section.video article header h1 a {
			background: none;
			padding-left: 0;
			color: #fff;
		}
		.sidebar section.video article header h1 a:hover {
			color: #fff !important;
			text-decoration: underline !important;
		}
		.sidebar section.video article header time {display: none;}


	    /* SIDEBAR PICTURES */
	    .sidebar section.pictures {
	    	border:0; overflow:hidden; position:relative;
	    	height:260px;
	    }
	    .sidebar section.pictures > header {
	    	border-top: 2px solid #ff6b00;
	    }
	    .sidebar section.pictures > header h1 {

	    }
	    .sidebar section.pictures > header h1 a { color: #ff6b00; }
	    .sidebar section.pictures article {
	    	width:300px; height:100%;margin: 0 0; padding:0; float:left;
	    	position: relative;
	    }
	    .sidebar section.pictures article.current {display:block;}
		.sidebar section.pictures article .cover {
			margin-right: 0;
			width: 100%;
			float: none;overflow: hidden;
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			top: 0;
		}
		.sidebar section.pictures article .cover img {
			height: auto;width: 100%;
		}
		.sidebar section.pictures article header {
			margin: 0;padding: 5px 8px;
			background: #ff6b00;
			height: 42px;
			overflow: hidden;
			text-align: left;
			position:absolute;
			bottom:0;
			right:0;
			left:0;
		}
		.sidebar section.pictures article header h1 {
			overflow: hidden;height: 32px;
		}
		.sidebar section.pictures article header h1 a {
			color: #fff;padding-left: 0;background: none;
		}
		.sidebar section.pictures article header h1 a:hover {color:#fff !important; text-decoration:underline;}
		.sidebar section.pictures article header time {display: none;}
		.sidebar section.pictures .slidebox {
			position: absolute;top: 37px;left: 0; bottom:0;z-index: 1;
		}
		.sidebar section.pictures .controller a {
			display: block; position: absolute;top: 130px;z-index: 999;overflow: hidden;
			background: #fff;border-radius: 3px;
			width: 25px;height: 35px;
			text-indent: -999px;
			display: none;

		}
		.sidebar section.pictures .controller a.rewind {
			left: 10px;background: rgba(0,0,0,0.2) url(img/icons.png) no-repeat 0px -1532px;
		}
		.sidebar section.pictures .controller a.forward {
			right: 10px;background: rgba(0,0,0,0.2) url(img/icons.png) no-repeat -56px -1532px;
		}
		.sidebar section.pictures .controller a:hover {
			background-color: rgba(0,0,0,0.4);
		}

		#socialpages {
			width: 100%;
			border: 1px dashed #ccc;
			border-radius: 5px;
			margin-bottom: 10px;
			margin-top: -5px;
			display:none;
			background:#f7f7f7;
		}
		#socialpages .fb-like-box {width:100%;}
		#socialpages .fb-like-box:first-child {
			border-bottom: 1px dashed #ccc;
		}

		/* INFO PAGE */
		section#info {
			width:80%; margin: 20px 10%;
			float:left;
			padding: 20px;
			border:1px solid #ddd;
			border-radius:10px;
			box-shadow: 3px 3px 0 #f7f7f7;
		}
		section#info header {
			border-bottom:1px solid #ddd;
			padding: 0px 0 10px;
		}
		section#info header h1 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.6em; font-weight:normal; line-height:1.2;
			text-transform: uppercase; letter-spacing:-1px;
		}
		section#info header time {font-size:12px; line-height:16px; margin-top: 4px; display:block; color:#888; text-transform:uppercase;}
		section#info .content {
			font-size:12px; color:#333; padding: 10px 0;
		}
		section#info .content p {margin:8px 0; line-height: 1.4;}
		section#info .content h1 {text-transform:uppercase; margin: 16px 0;}
		section#info .content form input {
			font-size:1em; line-height:1.2; border:1px solid #ccc; padding:10px; border-radius:5px; width: 40%;
		}
		section#info .content form button {
			font-size:1em; line-height: 1.2; padding:10px; border-radius:5px; background:#F79400; color:#fff; border:0;
		}


		/* SIDEBAR ORDER LIST */
		.sidebar section.order-list {border-top:1px solid #0099cc;}
		.sidebar section.order-list > header h1 a {color:#0099cc}
	    .sidebar section.order-list article {
	        position: relative;overflow: hidden;
	        border-bottom: 1px solid #f1f1f1;
	        margin: 0;
	    }
	    .sidebar section.order-list article .order {
	        display: block;position: relative;float: left;
	        font-family: Times, serif;font-size: 18px;text-align: center;
	        color: #888;
	        width: 30px;
	        padding-right: 8px;
	    }
	    .sidebar section.order-list article .cover {
	        display: none;
	    }
	    .sidebar section.order-list article header {
	        float: none;height: auto;
	    }
	    .sidebar section.order-list article header h1 {
	        float: none;
	        height: auto;max-height: 32px;
	        font-weight: bold;
	    }
	    .sidebar section.order-list article header time {
	        display: block; margin-left:30px;
	    }
	    .sidebar section.order-list article.featured .summary {
	        display: inline;overflow: hidden;
	        margin-top: 10px;
	        font-size: 14px;
	        height: 72px;line-height: 18px;
	    }

	    /* Samsung Campaign */
	    .sidebar section#samsung.order-list {
	    	background:url(img/bg_samsung.jpg) no-repeat left top;
	    	width:300px; height:582px;
	    	border:0; padding:82px 19px;
	    	box-shadow:none;
	    	cursor:pointer;
	    	position: relative;
	    }
	    .sidebar section#samsung.order-list > header {
	    	background:none;
	    	padding:0;
	    }
	    .sidebar section#samsung.order-list > header h1 {
	    	margin:0;
	    }
	    .sidebar section#samsung.order-list > header h1 a {
	    	display:block; width:100%;
	    	padding:6px 10px 8px;
	    	background: url(img/icon_download.jpg) no-repeat right 50%;
	    	background-size:40px;
	    }
		.sidebar section#samsung.order-list > article {
			padding:7px 10px 8px;
		}
	    .sidebar section#samsung.order-list > article:nth-child(2) {
	    	height:130px;
	    }
	    .sidebar section#samsung.order-list > article:nth-child(2) .cover {
	    	width:100%;display:block;
	    	position:absolute; top:0; left:0;bottom:0;
	    }
	    .sidebar section#samsung.order-list > article:nth-child(2) .order{display:none;}
	    .sidebar section#samsung.order-list > article:nth-child(2) header {
	    	position:absolute; bottom:0; left:0;right:0;
	    	padding:10px;
	    	background:rgba(255, 255, 255, 0.9);
	    }
	    .sidebar section#samsung.order-list > article:nth-child(2) header time {display:none;}
	    .sidebar section#samsung.order-list .btnMore {width:100%; clear:both;}
	    .sidebar section#samsung.order-list .btnMore a {font-size:0.9em; color:#39C;}
	    .sidebar section#samsung.order-list .btnSamsung {
	    	display:none;
	    	position:absolute; left:0; right:0;
	    	overflow:hidden; text-indent:-99999px;
	    }
	    .sidebar section#samsung.order-list .btnSamsung.bottom {
	    	background: url(img/bg_samsung_bottom.jpg) no-repeat left top;
	    	height:55px;bottom:0;
	    }
	    .sidebar section#samsung.order-list .btnSamsung.top {
	    	background: url(img/bg_samsung_top.jpg) no-repeat left top;
	    	height:55px; top:0;
	    }
	    .sidebar section#samsung.order-list:hover .btnSamsung {
	    	display:block;
	    }
	    .sidebar section#samsung.order-list .alertbar {
	    	background: #000000;
	    	display: block; position: absolute;
	    	left: 18px;
	    	right: 18px;
	    	top: 60px;
	    	height: 20px;

	    	border-top-right-radius: 5px;
	    	border-top-left-radius: 5px;

	    	line-height: 20px;
	    	padding: 0 5px;
	    	font-size: 12px;
	    	overflow: hidden;
	    	display:none;
	    }
	    .sidebar section#samsung.order-list .alertbar a {
	    	color: #fff;
	    }

		/* SIDEBAR PROMOTED BOX */
		#promotedposts, #promotedposts article {display:none;}
	    #promotedposts article .cover {
	        float: left;
	        width: 100px; height:70px;
	        margin-right: 8px;
	    }

		/*** WIDGET ***/
	    .widget {
	        float: left;clear: both;
	        border: 1px solid #ccc;border-radius: 5px; box-shadow: 0 4px 0 #fafafa;
	        margin: 0 0 16px;
	        width: 100%;
	        font-family:Arial, Helvetica, sans-serif;
	    }
	    .widget header {

	        text-align: center;text-transform: uppercase;
	        border-bottom: 1px solid #ebebeb; background:#eee;
	    }
	    .widget header h1 {
	        font-weight: normal; font-family:'Roboto Condensed', sans-serif;
	        text-transform:uppercase; font-size: 14px; line-height:1.8;
	    }

		/* LABAN WIDGET */
	    #labanwidget {
	        color: #333; font-size: 14px; display:none;
	    }
	    #labanwidget .panel {
	        border-bottom: 1px solid #ebebeb;
	        width: 100%;
	        padding: 10px 0;
	        overflow: hidden;
	        font-size: 12px;
	    }
	    #labanwidget #date {
	        height: 24px;line-height: 25px;
	        text-align: center;text-transform: uppercase;
	        padding: 0;
	        font-size: 11px;letter-spacing: 0;
	    }
	    #labanwidget #weather {
	        float: left;
	        width: 55%; height: 60px;
	        padding: 8px 0 0;
	        border-right: 1px solid #ebebeb;
	        font-size: 11px;
	        cursor:pointer;
	    }
	    #labanwidget #weather img {
	        float: left;
	        margin-left: 10px;margin-right: 10px;
	        width:35px; height:auto;
	    }
	    #labanwidget #weather p {
	        float: left;width: 80px;line-height: 18px;
	    }
	    #labanwidget #weather p.temp {
	        font-size: 18px;line-height: 26px;margin-top: 0;
	    }
	    #labanwidget #finance {
	        clear: none;float: left;
	        width: 45%;height: 60px;
	        padding: 0;
	        font-size: 11px;
	    }
	    #labanwidget #finance p {
	        float: left;
	        width: 100%;
	        text-align: center;line-height: 29px;
	        border-bottom: 1px dashed #ebebeb;
	    }
	    #labanwidget p.provider {
	        clear: both;
	        color: #A0A0A0;font-size: 11px;text-align: center;line-height: 13px !important;
	        padding: 4px 0;margin: 0 0;
	    }
	    #labanwidget p.provider a.laban {
	        background: url(img/icons.png) no-repeat 5px 1px;
	        padding-left: 22px;
	        color: #3399cc;
	    }
	    #labanwidget #websites {
	    	width:100%;
	    }
	    #labanwidget #websites ul {width:100%;float:left;}
	    #labanwidget #websites li {width:25%; height:60px;float:left; text-align:center; padding:10px; border-right:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7; font-size:10px; }
	    #labanwidget #websites li img {width:24px; height:24px;margin-bottom:4px;}
	    #labanwidget #websites li a {color:#333;}

	    /* ZING MP3 WIDGET */
	   #mp3widget {float:left; width:100%; border:1px solid #ccc; border-radius:5px; box-shadow:2px 0px 0 #f7f7f7; margin: 8px 0 16px; padding: 10px 5px;}
	   #mp3widget > header {margin:0 10px 8px; border-bottom:1px solid #eee; padding-bottom:4px;}
	   #mp3widget ul {float:left; width:100%;}
	   #mp3widget li {width:20%; float:left; padding: 0 0;}
	   #mp3widget li a {display:block; width:100%; padding: 0 10px;}
	   #mp3widget li img {width:100%; height:auto; margin-bottom: 4px;}
	   #mp3widget li span.title {font-weight:bold; display:block; font-size:0.9em; line-height:1.2; max-height:2.8; overflow:hidden;}

		/* SURVEY WIDGET */
	    .surveywidget .item {
	        float: left;
	        width: 100%;
	        padding: 8px 10px;

	    }
	    .surveywidget .item h2 {
	        font-size: 12px;line-height: 16px;
	        margin-bottom: 8px;
	    }
	    .surveywidget .item form {
	        float: left;
	        width: 100%;
	        padding: 0 0;
	    }
	    .surveywidget .item .option {
	        position:relative;z-index: 1;
	        font-size: 12px;line-height: 20px;
	        border-radius: 10px;
	        background: #f7f7f7;
	        margin-bottom: 4px;padding: 0 8px;
	    }
	    .surveywidget .item .option:hover {
	    	background:#A3E8FF;
	    }
	    .surveywidget .item .option label {
	        display: block; width: 100%;
	    }
	    .surveywidget .item .option input {
	        position: relative; top: -3px;
	    }
	    .surveywidget .item .option span {
	        position:absolute;
	        top:0; bottom:0;
	        display:block;z-index:-1;
	    }
	    .surveywidget .item .option span.percent {
	        overflow:hidden; text-indent:-999px;
	        left:0; background:#90D0F5;
	        border-radius:15px;
	    }
	    .surveywidget .item .option span.count {
	    	right:10px; font-size: 10px;color:#888;
	    }
	    .surveywidget .item .btnSubmitSurvey {
	        background: url(img/btn_poll_submit.jpg) no-repeat left top;
	        width: 110px;height: 30px;
	        border: 0;cursor: pointer;
	        overflow: hidden;
	        text-indent: -999px;
	        float:left;
	    }
	    .surveywidget .item .btnResult {
	        float: right;
	        font-size: 12px;line-height: 30px;
	        margin-right: 10px;
	        font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;
	    }

	    /* PAGE CATEGORY */

		#category {
			z-index: -1;
			clear: both;
			float: left;
			width: 100%;
			position: relative;
		}

		#category .content-wrap > header {
			float:left;
			margin: 4px 0 0;
			width:100%;
			border-bottom:3px solid #0098D3;
			color:#09C;
		}
		#category .content-wrap > header h1 {
			font-size:2.4em; line-height: 1.2;
			margin:0 0 8px; padding: 0;
			text-transform:uppercase; font-weight:normal;
			font-family: 'Roboto Condensed', sans-serif;
		}
		#category .content-wrap > header h2 {
			float:left;
			border-right:1px solid #e5e5e5;
			margin: 0 8px 8px 0; padding: 0 8px 0 0;
			font-size: 1.4em; line-height: 1.2; font-weight:normal;
			font-family:'Roboto Condensed', sans-serif;
		}

		#category .content-wrap > header h2:last-child {border:0;}
		#category section.featured {
			width:100%;
			padding: 10px 10px 0; margin:0 0 10px;
			background-color:#f5f5f5;
			border-radius: 0 0 5px 5px;
		}
		#category section.featured article {
			float:right;width:25%;
			margin:0 0 16px 0; padding: 0 0 0 10px;
		}
		#category section.featured article.advertising {display:block;}
		#category section.featured article.featured {
			float:left; width:50%;
			border-right:1px solid #ccc; border-bottom:0;
			margin:0; padding: 0 10px 16px 0;
		}
		#category section.featured article.featured .cover {
			width:100%; height:225px;
			float:none; margin-bottom:5px;
		}
		#category section.featured article.featured .cover img {width:100%; height:auto;}

			/* Category Sidebar */
			#category section.cate_sidebar {
				width:25%; float:left;
				border-right:1px solid #f1f1f1;
				padding-right: 10px;
			}
			#category section.cate_sidebar article:nth-child(3n+3) {margin-right:0;}
			#category section.cate_sidebar article .cover {float:none; width:100%; height:110px; }
			#category section.cate_sidebar article .summary {display:block; margin-top: 5px;}
			#category section.cate_sidebar section {
				float:left; clear:both;margin-bottom:8px; width:100%;
			}
			/* Category Most Read */
			#category section.cate_sidebar section.mostread > header {
				background:#0098D3; color:#fff;padding: 8px 10px 7px ;
			}
			#category section.cate_sidebar section.mostread article {
				float:left;
				width:100%;
				background:#eee;box-shadow: 0 2px 0 #eee;
				padding: 0; margin: 0 0 8px;
			}
			#category section.cate_sidebar section.mostread article > header h1 span.social {display:none !important;}
			#category section.cate_sidebar section.mostread article header {padding: 5px 10px 10px;}
			#category section.cate_sidebar section.mostread article .cover {

			}

			/* Category Relate Cate */
			#category section.cate_sidebar section.sub-cate > header {
				border-top: 2px solid #0098D3;border-bottom:1px solid #e5e5e5;
				padding: 8px 0 6px 0;
			}
			#category section.cate_sidebar section.sub-cate > header a {color: #0098D3;}
			#category section.cate_sidebar section.sub-cate article {
				padding: 8px 0;border-bottom: 1px solid #f7f7f7;
				}
			#category section.cate_sidebar section.sub-cate article header h1 {font-weight:normal;}

			/* Content Category */
			section.cate_content {
				float:right; width:74.6%;
			}
			section.cate_content > header {
				padding: 8px 0 6px 0; margin: 0 0 8px 2%;
				color:#0098D3;
				border-top: 2px solid #0098D3;border-bottom:1px solid #e5e5e5;
				position:relative;
			}
			section.cate_content > header a {
				display:block;
				position:absolute;
				top:0px; right: 0;
				padding:7px 8px 8px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px; color:#ccc;
				font-family: 'Roboto Condensed', sans-serif;
				text-transform:uppercase;

			}
			section.cate_content > header a:hover {
				color:#000;
			}
			#category.sub-cate section.cate_content > header {margin-left:0;}
			section.cate_content article {
				float:right;
				width:98%;
				padding: 0 0 10px 0; margin: 0 0 10px 0;
				border-bottom:1px solid #f1f1f1;
			}
			section.cate_content article.advertising {
				display: none;
			}
			section.cate_content article.advertising p.type {
			    position: absolute;
			    background: rgba(255,255,255,0.9);
			    padding: 1px 5px;
			    left: 0;
			    box-shadow:1px 1px 0px 0 rgba(0,0,0,0.4);
			}
			section.cate_content article header {float:left; width:45%; margin:0 0 4px 0; border-right:1px solid #f1f1f1; padding-right:1%;}
			section.cate_content article header h1 a {background:none !important; padding-left:0; }
			section.cate_content article time {display:block;}
			section.cate_content article.advertising time {display:none;}
			section.cate_content article .cover {
				float:left; width:30%; height:105px;
				margin-right:2%;
			}
			section.cate_content article .summary {display:block; overflow:hidden;}
			section.cate_content article .relate { float:right; width: 21.5%;}
			section.cate_content article .relate li {display:block; margin: 0 0 8px;}
			section.cate_content article .relate li a {font-weight:normal;}

			/* Category More Button */
			section.cate_content .more {
				height: 30px;
				margin: 0 0 20px 0;
				border-left:1px solid #ccc;
				position: relative; top:-10px;
				left: 50%; clear:both;
			}
			section.cate_content .more a {
				position:absolute; left: -100px; top: 10px;
				border-radius:15px;
				display:block; padding: 0px 0;
				width: 200px; height: 25px;
				background-color:#39c; color:#fff;
				text-align:center; 	line-height: 24px;
			}
			section.cate_content .more a:hover {

			}

			/* Template 1 */
			#category.template1 .content-wrap > header {border-bottom-color:#393 !important; color:#393;}
			#category.template1 .content-wrap article.featured header h1 a {color:#393;}
			#category.template1 section.cate_sidebar section.mostread > header {background: #393;color: #fff;}
			#category.template1 section.cate_sidebar section.sub-cate > header {border-top: 2px solid #393;}
			#category.template1 section.cate_sidebar section.sub-cate > header a {color: #393;}
			#category.template1 section.cate_content > header {color:#393;border-top: 2px solid #393;	}
			#category.template1 section.featured article header h1 {height:48px;}

	    	/* Template 2 */
	    	#category.template2 .content-wrap section.cate_sidebar {float:right;padding-right:0; border:0; background:#fdfdfd;}
	    	#category.template2 .content-wrap > section.cate_content {width:73.5%; float:left;  }
	    	#category.template2 .content-wrap > header {border:0;}
	    	#category.template2 .content-wrap > header h1 {color:#208FC4;}
	    	#category.template2 .content-wrap > section.cate_content .cate_content {width:100%; float:left;}
	    	#category.template2 .content-wrap > section.cate_content .cate_content > header {margin-left:0;}
	    	#category.template2 .content-wrap > section.cate_content .cate_content > article {margin-left:0; float:left;}
	    	#category.template2 section.cate_sidebar section.sub-cate > header {padding-left: 10px;}
	    	#category.template2 section.cate_sidebar section.sub-cate article {padding: 8px 10px;}
	    	#category.template2 section.featured {padding:0; background:none;}
	    	#category.template2 section.featured article.featured {width:100%; border:0; background:#f1f1f1; margin:0 0 8px; padding:0;}
	    	#category.template2 section.featured article.featured .cover {float:left; width: 60%; margin:0; height:210px;}
	    	#category.template2 section.featured article.featured header {float:right; width:40%; padding: 2%;}
	    	#category.template2 section.featured article {width:32%; float:left; margin: 0 2% 0 0;  border:0; padding:0;}
	    	#category.template2 section.featured article:nth-child(4) {margin-right:0;}
	    	#category.template2 section.featured article header {width:100%; border:0;}
	    	#category.template2 section.featured article .cover {width:100%; float:none; height:110px;}

	    	/* Template 3 */
	    	#category.template3 section.featured {background:none; padding:0;}
	    	#category.template3 section.featured article.featured {width: 65%; height:300px;}
	    	#category.template3 section.featured article.featured .summary {color:#fff;}
	    	#category.template3 section.featured article {
	    		position:relative;overflow:hidden;
	    		border:0;
	    		padding:0;  margin:0;
	    		width: 35%; height:150px;
	    		background:#000;
	    	}
	    	#category.template3 section.featured article .cover {height:100%; width:100%; }
	    	#category.template3 section.featured article .cover img {width:100%;}
	    	#category.template3 section.featured article header {
	    		position:absolute; bottom:0; left:0; right:0;
	    		padding: 10px;
	    		background:rgba(0,0,0,0.7); border-left:4px solid #F79400;
	    	}
	    	#category.template3 section.featured article header h1 a {color:#FFB84F !important;}
	    	#category.template3 section.featured article header h1 a:hover { color:#fff !important;}
	    	#category.template3 section.cate_content article {
	    		width: 48%;height: 340px; overflow:hidden;
	    		margin-left: 2%; float:left;
	    	}
	    	#category.template3 section.cate_content article .cover {
	    		width:100%; height:170px; float:none; margin-bottom:4px;
	    	}
	    	#category.template3 section.cate_content article header {width:100%;border:0;}
	    	#category.template3 section.cate_content article header h1 {font-size:1.2em; line-height: 1.4; margin-top:0.5em;}
	    	#category.template3 section.cate_content article .relate {display:none;}
	    	#category.template3 section.cate_content article .relate li {margin-bottom:0;}
	    	#category.template3 .content-wrap > header {border-bottom-color:#F79400 !important; color:#F79400;}
			#category.template3 .content-wrap article.featured header h1 a {color:#F79400;}
			#category.template3 section.cate_sidebar section.mostread > header {background: #F79400;color: #fff;}
			#category.template3 section.cate_sidebar section.sub-cate > header {border-top: 2px solid #F79400;}
			#category.template3 section.cate_sidebar section.sub-cate > header a {color: #F79400;}
			#category.template3 section.cate_content > header {color:#F79400;border-top: 2px solid #F79400;	}

	    	/* Template 4 */
	    	#category.template4 section.featured {padding: 10px 0; background:none;}
	    	#category.template4 section.featured article {
	    		float:left; width: 33%; height: 145px;
	    		padding:0; margin-bottom:10px;
	    		position:relative;overflow:hidden;
	    	}
	    	#category.template4 section.featured article header h1 a {color:#fff !important;}
	    	#category.template4 section.featured article .summary {color:#fff;}
	    	#category.template4 section.featured article.featured {
	    		float:right;border:0;
	    		padding:0; margin: 0 0 0 1%;
	    		width:65%; height: 300px; overflow:hidden;
	    	}
	    	#category.template4 section.featured article.featured header h1 {
	    		text-overflow: ellipsis; white-space: nowrap; overflow:hidden;
	    	}
	    	#category.template4 section.featured article header {
	    		position:absolute; bottom:0; left:0; right:0;
	    		padding: 10px;
	    		background:rgba(0,0,0,0.7); border-left:4px solid #FF0085;
	    	}
	    	#category.template4 section.featured article .type {display:none !important;}
	    	#category.template4 section.featured article .cover {
	    		width:100%; height:100%; margin:0;
	    	}
	    	#category.template4 section.featured article .cover img {
	    		width:auto; height:100%; min-width:100%;
	    	}
	    	#category.template4 section.cate_content article {
	    		width: 48%;height: 340px; overflow:hidden;
	    		margin-left: 2%; float:left;
	    	}
	    	#category.template4 section.cate_content article .cover {
	    		width:100%; height:170px;float:none; margin-bottom:4px;
	    	}
	    	#category.template4 section.cate_content article header {width:100%;border:0;}
	    	#category.template4 section.cate_content article header h1 {font-size:1.2em; line-height: 1.4; margin-top:0.5em;}
	    	#category.template4 section.cate_content article .relate {display:none;}
	    	#category.template4 section.cate_content article .relate li {margin-bottom:0;}
	    	#category.template4 .content-wrap > header {border-bottom-color:#FF0085 !important; color:#FF0085;}
			#category.template4 .content-wrap article.featured header h1 a {color:#FF0085;}
			#category.template4 section.cate_sidebar section.mostread > header {background: #FF0085;color: #fff;}
			#category.template4 section.cate_sidebar section.sub-cate > header {border-top: 2px solid #FF0085;}
			#category.template4 section.cate_sidebar section.sub-cate > header a {color: #FF0085;}
			#category.template4 section.cate_content > header {color:#FF0085;border-top: 2px solid #FF0085;	}

		/* SUB-CATEGORY PAGE */
		#category.sub-cate .content-wrap > header {border:0; margin-bottom:8px;}
		#category.sub-cate .content-wrap > header h1 a {font-weight:normal;border-right: 1px solid #e5e5e5;padding-right: 10px;margin-right: 5px; color:#7a7a7a;}
		#category.sub-cate section.cate_content {width:100%;}
		#category.sub-cate section.featured {padding:0; background:none; margin-bottom:15px; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
		#category.sub-cate section.featured article.featured {
			width:73%; background:#f5f5f5;
			border-right:1px solid #e5e5e5;
			padding:0; margin:0 0;
		}
		#category.sub-cate section.featured article.featured .cover {float:left; width:60%; height:210px; margin-bottom:0;}
		#category.sub-cate section.featured article.featured header {width:35%; border:0; padding:10px 0;}
		#category.sub-cate section.featured article.featured .summary {height:auto;}
		#category.sub-cate section.featured article {width:26%; padding:0; border:0;}
		#category.sub-cate section.featured article header {width:100%; border:0;}
		#category.sub-cate section.featured .cover {width:100%;height:140px;}
		#category.sub-cate section.cate_content .cate_content article {float:left; width:100%; padding-bottom:5px;}
		#category.sub-cate section.cate_content .cate_content article header {width:46%;}
		#category.sub-cate section.cate_content .cate_content article .relate {width:26%;}
		#category.sub-cate section.cate_content .cate_content article .cover {width:25%; height:124px;}
		#category.group1 .content-wrap > header h1, #category.group1 section.featured article.featured header h1 a {color:#09C;}
		#category.group2 .content-wrap > header h1, #category.group2 section.featured article.featured header h1 a {color:#393;}
		#category.group3 .content-wrap > header h1, #category.group3 section.featured article.featured header h1 a {color:#F79400;}
		#category.group4 .content-wrap > header h1, #category.group4 section.featured article.featured header h1 a {color:#FF0085;}

		section.cate_list {width:100%; float:left;}
		section.cate_list section.sub-cate {
			width: 49%; float:left;
			margin:10px 2% 10px 0;
			border:1px solid #ccc; border-radius:5px; box-shadow: 0 3px 0 #f7f7f7;
		}
		section.cate_list section.sub-cate:nth-child(2n) {margin-right:0;}
		section.cate_list section.sub-cate > header {
			padding:10px;
			border-bottom:1px solid #e5e5e5; background:#f5f5f5;
		}
		section.cate_list section.sub-cate > header h1 {
			font-size:16px; font-weight:normal;
		}
		section.cate_list section.sub-cate > header h1 a {
			font-weight:bold;
		}
		section.cate_list section.sub-cate article {
			position:relative;
			border-bottom:1px solid #f1f1f1;
		}
		section.cate_list section.sub-cate article .cover {
			width: 40%; height:90px; overflow:hidden;
			margin-left:10px; float:right;
		}
		section.cate_list section.sub-cate article .cover img {width:auto; height:100%; min-width:100%;}
		section.cate_list section.sub-cate article header {
			padding:10px 10px; margin: 0 2% 0 0;
		}
		section.cate_list section.sub-cate article header h1 a {
			font-size:14px;
		}
		section.cate_list section.sub-cate.template2 {width:100%;}
		section.cate_list section.sub-cate.template2 article {width: 33.3333%; border-right:1px solid #f1f1f1; border-bottom:0; margin: 0 0; height:210px; overflow:hidden;}
		section.cate_list section.sub-cate.template2 article .cover {width:100%; height:140px; margin:0 0 0 0;float:none;}

		section.cate_list section.sub-cate.template2 article.featured header h1 a {color:#333 !important;}

		section.cate_list section.sub-cate.template3 {border:0; padding:0; width:100%;box-shadow:none;}
		section.cate_list section.sub-cate.template3 > header {background:none; padding: 0 0 4px 0;}
		section.cate_list section.sub-cate.template3 article {width:49%; margin:10px 2% 0 0; border-bottom:0; }
		section.cate_list section.sub-cate.template3 article:nth-child(2n+1) {margin-right:0}
		section.cate_list section.sub-cate.template3 article .cover {float:left; margin:0 6px 0 0px; width:50%; height:120px;}
		section.cate_list section.sub-cate.template3 article header {padding:0;}
		section.cate_list section.sub-cate.template3 article header h1 a {font-size:14px;}
		section.cate_list section.sub-cate.template3 article.featured header h1 a {color:#333 !important;}

	    /* PAGE TOPIC & TAG */
		#listing {width:100%; float:left; clear:both; z-index:-1; position:relative;}
		#listing > header label {
			border-right:1px solid #99E6FF;
			color:#99E6FF; font-weight:normal;
			padding-right: 10px; margin-right:5px;
		}
		#listing > header h1 {
			font-size: 16px; line-height:30px; font-weight:bold;color: #fff;  text-transform:uppercase;text-align: center;
			margin: 10px 0;padding: 3px 0.5% 0px;
			background: #0099cc;
			border-bottom: 2px solid #008CBB;
		}
		#listing article {
			float:left;
			margin:10px 0.5% 20px;
			width: 19%;
			border:1px solid #CFCFCF; box-shadow: 2px 2px 0 #fcfcfc;
			position:relative;
		}
		#listing article.advertising .type {
		    position: absolute;
		    background: rgba(255,255,255,0.9);
		    padding: 2px 3px;
		    left: 5px;
		    top: 2px;
		}
		#listing article header {margin: 0px 10px;}
		#listing article header h1 a {color:#0083AF;}
		#listing article .cover {
			float:none; margin: 0 0 8px;
			width:100%; height:130px;
		}
		#listing article .summary {
			display:block;
			margin: 4px 0 8px;
			color:#555;
		}
		#listing article time {display:block; font-size:11px;}
		#listing article .relate {width:100%; padding:10px; background:#f7f7f7;}
		#listing article .relate a {font-weight:normal; font-size:11px; color:#888;}
		#listing .articles-listing {margin-bottom: 80px; overflow:visible!important;}
		#listing .more {
		    width: 100%;
		    float: left;
		    clear: both;
		    padding: 10px;
		    text-align: center;
		    position:absolute;
		    bottom:-70px;
		}
		#listing .more a {
			width: 50%;
			text-align: center;
			background: #fcfcfc;
	    	padding: 10px 10px;
	    	margin: 0 auto;
	    	clear: both;
	    	border-radius: 5px;
	    	border: 1px solid #ddd;
	    	box-shadow: 1px 2px 0 rgba(213, 213, 213, 0.2);
	    	display: block;

		}

	    /* PAGE SEARCH */
		#search {
			float:left; position:relative; z-index:-1;
			width:100%;
		}
		#search .sidebar {float:right; width:300px;}
		#search .content-wrap {
			border-right:1px solid #f1f1f1; padding-right:10px;
		}
		#search form {
			float:left;width:100%;
			margin: 10px 0; padding: 0 0 10px;
			border-bottom:1px solid #f1f1f1;
		}
		#search form label {
			float:left;display:block;
			height:36px; line-height:38px;
			font-size: 14px; color:#333; font-weight:bold;
			margin-right:10px;
		}
		#search form input {
			float:left;
			width: 575px; height: 36px;
			padding: 4px 5px 4px 30px;
			border:1px solid #c9c9c9;
			background:#fff url(img/icons.gif) no-repeat 10px -29px;
			line-height: 28px;  color:#0099cc; font-family: Arial, sans-serif; font-size: 18px;
		}
		#search form button {
			float:left; position:relative; left:-1px;
			font-family: Arial, sans-serif;font-size: 11px;font-weight: bold; color: #6b97a8; text-transform: uppercase; line-height: 20px;
	        margin: 0; padding: 0 5px;
	        border: 1px solid #afc6cd;cursor: pointer;
	        height: 36px;width: 80px;
	        background: #d3e8f0;
	       	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf5f8', endColorstr='#d1e7ef');
	        background: -webkit-gradient(linear, left top, left bottom, from(#ecf5f8), to(#d1e7ef));
	        background: -moz-linear-gradient(top,  #ecf5f8,  #d1e7ef);
		}
		#search form .options {clear:both; float:left; margin-top:4px;}
		#search form .options li {margin-right: 10px; float:left;}
		#search form .options input {width:auto; height:auto; padding:0; margin:0 5px 0 0; line-height: auto;}
		#search form .options label {font-size:11px; height: 14px; margin:2px 0; padding:0; line-height: 14px; font-weight:normal;}
		#search .result {
			float:left; width:100%;margin-bottom:16px;
		}
		#search .result > header {
			float:left; width:100%; padding:5px 0;
			border-top:2px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		#search .result > header h1 {
			font-size: 14px; font-weight:normal; line-height:18px;
			float:left;
		}
		#search .result > header .count {
			float:right; margin: 0 5px 0 0;
			font-size:11px; line-height: 18px;
		}
		#search .result .noresult {width:100%; height:100px; line-height: 100px; text-align:center; float:left;}
		#search .result > header h1 a {color:#fff; font-weight:bold;}
		#search .result article {width:48.5%; float:left; margin: 16px 3% 0 0; padding-bottom:15px; border-bottom:1px solid #ececec;}
		#search .result article:nth-child(2n+1) {margin-right:0;}
		#search .result article header {height: 95px; overflow:hidden;}
		#search .result article .cover {float:left; width:40%; height:90px;  margin-right: 2%;}
		#search .result article .summary {display:block; margin: 0px 0;}
		#search .result article .relate {display:none;}
		#search .result article .cate, #search .result article time {display:inline-block; margin-right:5px;}
		#search .result .more {float:left; margin: 10px 0;  width: 100%; padding:8px 2%; text-align:center;}
		#search .result.top {float:left; background:#fcfcfc;}
		#search .result.top > header {background:#0099cc; padding: 4px 5px; border:0;}
		#search .result.top > header h1 {color:#fff; }
		#search .result.top > header .count {color:#BAE9FF; }
		#search .result.top article {width:97%; margin: 8px 1.5% 0;}
		#search .result.top article header {height:auto;}
		#search .result.top article header h1 a {color:#0077B3;}
		#search .result.top article .cover {width:20%;height:90px;}
		#search .result.top .more {margin: 5px 0;}
		#search .result.top .more a {
			color:#0077B3;margin: 10px;
			border: 1px solid #ddd;
			padding: 5px 10px;
			border-radius: 5px;
		}
		#search .result.top article .cate, #search .result.top article time {display:block;}

		/* PRODUCT ADS FOR G8 */
		#product_ads {float:left; width:100%; border:1px solid #ddd; box-shadow: 2px 2px 0 #f5f5f5; padding: 8px 1%; display:none;}
		#product_ads header {border-bottom:1px solid #eee; float:left; width:100%;}
		#product_ads header h1 {font-size:1.2em; line-height:1.6;margin-bottom:5px; text-transform: uppercase; float:left; color:#0099cc;}
		#product_ads header p {float:right; font-size:0.8em; line-height: 2; color:#ccc; text-transform:uppercase;}
		#product_ads .products {float:left; width:100%; margin:10px 0 5px;}
		#product_ads .item {float:left; width:25%;display:none;cursor:pointer;}
		#product_ads .item .thumbnail {width:40%; height:80px; float:left; background-size:contain; background-repeat:no-repeat; background-position: 50% 50%; border:1px solid #e5e5e5; margin-right:10px;}
		#product_ads .item h1 {font-size:1.2em; line-height: 1.2em; max-height:3.6em; overflow:hidden; margin: 4px 0 6px;}
		#product_ads .item p {font-size:0.9; color:#888;}
		#product_ads .item p label {font-weight:bold; margin: 8px 0 0; }

		/* POPUP RIGHT CLICK */
		#popup_menu {
			position:fixed; display:block;
			width:200px; border:1px solid #0092C0;
			box-shadow:2px 2px 0 rgba(0,0,0,0.2);
			border-radius:5px;
			z-index: 99999;
			background:#fff;
		}
		#popup_menu a {
			display:block; width:100%;  line-height:14px;
			font-weight:bold; font-size:12px;
			padding: 10px 10px;
			border-bottom:1px solid #eee;
			cursor: pointer;
			border-radius:5px;
		}
		#popup_menu a:last-child {
			border:0;
		}
		#popup_menu a:hover {
			background:#f7f7f7;
			color:#000;
		}

		/* POPUP */
		#popup {
			display:block;
			position:fixed;
			width: 150px; background:#333; background:rgba(0,0,0,0.8);
			border-radius:5px;
			z-index: 99999;
			display:none;
		}
		#popup .content {
			font-size:0.9em;
			line-height:1.2; color:#fff;
			width:100%; padding: 5px;
		}
		#popup button {
			border:1px solid #ccc;
			background: #eee;
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
			background: -moz-linear-gradient(top,  #ffffff,  #f5f5f5);
			background: linear-gradient(top,  #ffffff,  #f5f5f5);
			border-radius:5px;
			padding:5px 10px;
			box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
			cursor:pointer;
		}
		#popup button:hover {
			background: -webkit-gradient(linear, left top, left bottom, from(#DADADA), to(#ffffff));
			background: -moz-linear-gradient(top,  #DADADA,  #ffffff);
			background: linear-gradient(top,  #DADADA,  #ffffff);
		}

		/* DIALOG */
		#dialog {
			position:fixed;
			top:0; left:0; right:0; bottom:0;
			background: rgba(0,0,0,0.4);
			z-index:9999999;
			display:none
		}
		#dialog > div {
			width: 400px;
			position:fixed;
			top: 40%; left: 50%;
			margin: 0 0 0 -200px;
			background:#fff;

			overflow:hidden;
			box-shadow:2px 2px 4px 0px rgba(0,0,0,0.4);
		}
		#dialog .header {
			font-size:1.3em; color:#333;  line-height: 1.4;
			font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;
			padding: 6px 15px;
			background:#39C; color:#fff;
		}
		#dialog .content {
			width:100%; padding: 10px 15px;
			font-size: 1em; line-height:1.4;
		}
		#dialog .content > div, #dialog .content > form {
			width:100%;
			margin-top:5px;
		}
		#dialog .content > div p {margin-bottom:10px;}
		#dialog .content label {display:block; color:#888; text-transform:uppercase; font-weight:bold; font-size:11px;}
		#dialog .content input[type="text"] {width:100%; padding:10px; border:1px solid #ccc; border-radius:3px;font-family: Arial, Helvetica, sans-serif; }
		#dialog .content input[type="radio"] {position:relative; top:-2px;}
		#dialog .content form label {text-transform: none; color:#555; font-size:1em; background:#f7f7f7; padding:5px; border-radius:5px;}
		#dialog .content form label:hover {background:#E4F3FF;}
		#dialog .content form p {margin:8px 0;}
		#dialog .content p.label {
			font-family:'Roboto Condensed', sans-serif;
			text-transform:uppercase; color:#555;
			font-size:1.2em;
		}
		#dialog .content blockquote {
			font-family: "Times New Roman", Times, serif;
			font-style:italic; font-size:1.3em; line-height: 1.2;
			margin:5px 20px 15px;
		}
		#dialog .content blockquote.error {
			color:#F00;
		}
		#dialog .content textarea {
			width:100%; height:100px; padding:10px;
			font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#555; border:1px solid #ccc; border-radius:3px;
		}
		#dialog .action {
			text-align:center;
			padding:5px 0;
			background:#eee;
		}
		#dialog .action button {
			border:1px solid #ccc;
			background:#fff;
			border-radius: 5px; padding: 5px 10px;
			box-shadow:2px 1px 0 #ddd;
			cursor:pointer;
		}
		#dialog .action button.btnSubmit {display:none;}
		#dialog .action button:hover {
			border-color:#0098D3;
			color:#0098D3;
		}

		/* NOTIFICATION */
		#pushnotification {
			position: fixed;
			 left:0; right:0;
			background:#fff;
			background:rgba(255,255,255,0.95);
			z-index: 999;
			box-shadow: 0 -2px 0 rgba(0,0,0,0.1);
			padding:0px 0;
			border-top:1px solid #ccc;
			display:none;
			height: 40px; overflow:visible;
		}

		#pushnotification .btnClose {
		    display: block;
		    background: #333;
		    width: 24px;height: 24px;
		    float:left; margin:8px;
		    border-radius: 15px;
		    background: rgba(0,0,0,0.5) url(img/close@2x.png) no-repeat 50% 50%;
		    background-size: 24px;
		    cursor:pointer;
		}
		#pushnotification .actions {
			height: 40px; width:100%; overflow:hidden; position:relative;
		}
		#pushnotification .message {
			margin-bottom:8px;
			font-size:1em; line-height:1.2;
		}
		#pushnotification .comment {
			font-weight:bold;
			white-space: nowrap;
			overflow:hidden;
			text-overflow: ellipsis;
			color:#0077B3;
		}
		#pushnotification .comment span {
			font-weight:normal;
			font-style:italic;
			color:#333;
		}

		#pushnotification .actions .button, #pushnotification .actions .label {
			display: block;
			padding: 0 15px;
			border-left: 1px solid #ccc;
			color:#333;
			height: 40px;
			float: left;
			line-height: 40px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:1.1em;
		}
		#pushnotification .actions .label {border:0;}
		#pushnotification .actions .button.btnToTop {
			width:20px;height:40px; overflow:hidden !important;
			text-indent:-999px;
			background: #ccc url(img/arrow-up.png) no-repeat 50% 50%;
			display:none;
			background-size:24px;
		}
		#pushnotification .actions .button.btnHome {text-transform:uppercase; border-right:0;}
		#pushnotification .actions .button.btnSEAGames {
			border-right:1px solid #ccc; color:#008e00; text-transform:uppercase;
			border-left:1px solid #ddd;
			border-right:1px solid #ddd;
		}
		#pushnotification .actions .button.btnToTop:hover {
			background-color:#555;
		}
		#pushnotification .actions .button.btnFacebook, #pushnotification .actions .button.btnZini {
			border-left:0; padding-left:20px;
			background:url(img/icons.gif) no-repeat 0 -9999px;
		}
		#pushnotification .actions .button.btnFacebook {
			background-position:10px -630px; color:#3b5998;
			padding:0 10px 0 30px;
			display:none;

		}
		#pushnotification .actions .btnSocial {
			overflow:hidden; text-align:left !important; height:110px !important;
		}
		#pushnotification .actions .btnSocial .fb-share-button {
			margin-top:5px;
		}



		#pushnotification .actions .button.btnError {
			float: left;
			height: 100%;
			line-height: 40px;
			border-color: transparent;
			border-right:1px solid #ccc;
		}

		#pushnotification .actions .button.btnError.active,#pushnotification .actions .button.btnError:hover {
			background: #FF4228;
			color:#fff;
		}
		#pushnotification .actions > div {
			display: block;
			height: 40px; width:auto;
			margin: 0;
			border-left: 1px solid #ccc;
			float: left;
			padding: 8px;
			overflow:visible;
		}
		#pushnotification .actions .btnGoogle {border-right:1px solid #ccc;}
		#pushnotification .actions .btnGoogle iframe {margin-top:2px !important;}
		#pushnotification .actions .fb-like iframe {margin-top:2px !important;}
		#pushnotification .actions .button:hover {
			color:#3399cc;
		}
		#pushnotification #font {
			background-color:#FFF6E0;
			padding:0;
			border:0;
		}
		#pushnotification #font a {
			line-height:40px; padding: 0 15px;
			float: left;
			color:#A88700;
			font-size:1.1em;
			height:100%;
		}
		#pushnotification #font a.btnSerifFont {
			font-family:'Noticia Text', Times, serif;
			font-size: 1.2em;
		}
		#pushnotification #font a.current {
			background:#FFF1BB;
		}

		/* NAVIGATION MENU */
		#navigation_toolbox {
			position:fixed;
			bottom: 50px; left:50%;
			margin-left:-625px;
			width: 110px;
			background:#fff;
			box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1);
			border:1px solid #aaa;
			font-size:0.9em;
			display:none;
		}

		#navigation_toolbox .btnToTop {
			display: none;
			width: 100%;
			padding: 8px 8px;
			overflow: hidden;
			text-indent: -999px;
			background: #ddd url(img/arrow-up.png) no-repeat 50% 50%;
			background-size: 24px;
		}

		#navigation_toolbox:hover {opacity:1 !important;}
		#navigation_toolbox li {border-bottom:1px solid #eee;}

		#navigation_toolbox li a {
			display:block;
			width:100%; height:100%;
			padding: 7px;
			color:#333;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:1.1em;
			text-transform:uppercase;
		}
		#navigation_toolbox li.home a {
			color:#ff6b00;
			font-weight:bold;
		}
		#navigation_toolbox li a.active {
			background:#eee;
			color:#555;
		}

		/* COMMENT POPUP */
		#popNotification {
			position:fixed;bottom: 50px;right: 15px;
			width: 150px;
			border:1px solid #ccc; border-radius:5px;
			background:#f1f1f1;
			padding: 10px;
			display:none;
			cursor: pointer;
			z-index: 99999;
			opacity:0.8;
		}
		#popNotification:hover {opacity:1;}
		#popNotification .author {
			font-weight:bold; font-size:1em; line-height:1.4; margin-bottom:2px;
			background: url(img/icons.png) no-repeat 0px -1242px;
			padding-left:18px;
		}
		#popNotification .comment {font-size:0.9em; line-height:1.3em; max-height: 10.4em; overflow:hidden;}

		/* FULLSCREEN SLIDESHOW */
		#slideshowScreen {
			position: fixed;
			top:0;left:0;right:0;bottom:0;
			z-index: 99999;
			background: #000;
		}
		#slideshowScreen .header {
			position:absolute;
			top:0; left:0; right:0;height:35px;
			background:#fff;
			padding: 0;
		}
		#slideshowScreen .header .btnTitle {
			font-size: 1.2em; line-height: 35px;
			font-weight:bold; color:#006BA0 ;
			float:left;
			padding-left:40px;
			background:url(img/btnBack.png) no-repeat 15px 8px;
			background-size:16px;
		}
		#slideshowScreen .header a {
			cursor: pointer;
		}
		#slideshowScreen .header .btnFullscreen,#slideshowScreen .header .btnExit,#slideshowScreen .header .btnAutoPlay {
			float:right;
			font-size: 1em; display:block;
			height: 35px;
			line-height: 35px;
			border-left: 1px solid #aaa;
			padding: 0 10px;
			background-color: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DADADA));
			background-color: -moz-linear-gradient(top,  #ffffff,  #DADADA);
			background-color: linear-gradient(top,  #ffffff,  #DADADA);
		}
		#slideshowScreen .header .btnExit {
			background-image: url(img/btnClose.png);
			background-repeat:no-repeat;
			background-size:16px;
			background-position: 10px 50%;
			padding-left: 32px; padding-right:12px;
		}


		#slideshowScreen #progressbar {
			display:block;
			width: 100px; background:#000; background:rgba(0,0,0,0.5);
			border-radius: 10px;
			margin-top:14px;
			padding:10px;
			position:absolute;
			top: 50px; right:20px;
			font-size:0.9em; line-height:1.2;
			color:#fff;
			display:none; text-align:justify;
			cursor: pointer;
		}

		#slideshowScreen #progressbar label {color:#888;}
		#slideshowScreen #progressbar label span {color:#fff;}
		#slideshowScreen #progressbar .percent {
			display:block;
			width:100%; height:8px;
			background:#eee;
			border-radius: 10px;
			margin-bottom: 8px;
		}
		#slideshowScreen #progressbar .percent span {
			width: 0%; background:#0098D3;
			display:block; height:100%;
			border-radius:10px;
			opacity: 1;
		}
		#slideshowScreen .header .btnFullscreen {
			background-image: url(img/btnExpand.png);
			background-repeat:no-repeat;
			background-size:16px;
			background-position: 10px 50%;
			padding-left: 32px;
		}
		#slideshowScreen .header .btnAutoPlay {
			background-image: url(img/btnPlay.png);
			background-repeat:no-repeat;
			background-size:24px;
			background-position: 5px 50%;
			padding-left: 32px;
			display:none;
		}

		#slideshowScreen .content {
			position:absolute;
			top:35px; bottom:0; left:0; right:0;
			overflow: hidden;

		}
		#slideshowScreen .content ul {
			float:left;
			height:100%; position:relative;
			-webkit-backface-visibility: hidden;
		}
		#slideshowScreen .content li {
			width:100%; height:100%;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: contain;
			position: relative;
			float:left;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;

		}
		#slideshowScreen .content li .iconLoading {
			width: 40px; height:40px;
			background:#fff url(img/icon_loading.gif) no-repeat 50% 50%; background-size: 32px;
			border-radius: 20px;
			position:relative;
			left:50%; top:50%;
			margin: -20px 0 0 -20px;
			overflow:hidden; text-indent:-999px;
			opacity:0.4;
		}
		#slideshowScreen .content li.noFullscreen {
			background-size: inherit;
		}
		#slideshowScreen .content li > img {display:none;}
		#slideshowScreen .content li .caption {
			position: absolute;
			bottom:30px; right:30px;
			color:#fff;
			overflow:hidden;
			background:rgba(0,0,0,0.3) url(img/icon_info.png) no-repeat 50% 50%;
			background-size:32px;
			width: 40px; height:40px;
			text-indent: -9999px;
			z-index:999;
		}
		#slideshowScreen .content li .caption:hover {
			width: 280px; height:auto;
			text-align:left;
			font-size:1.1em; line-height:1.6; padding: 10px;
			text-indent:0;
			background:rgba(0,0,0,0.3);
		}
		#slideshowScreen .content li .caption.visible{
			width: 280px; height:auto;
			text-align:left;
			font-size:1.1em; line-height:1.6; padding: 10px;
			text-indent:0;
			background:rgba(0,0,0,0.6);
		}
		#slideshowScreen .button {
			display:block;
			position:absolute;
			overflow:hidden; text-indent: -999px;
			opacity: 0.5;
			cursor:pointer;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		#slideshowScreen .button:hover {opacity:1;}
		#slideshowScreen .button.btnPrevious {
			background:url(img/arrow-left.png) no-repeat 2% 50%;
			top:35px; left:0; bottom:0; width:200px;
		}
		#slideshowScreen .button.btnNext {
			background:url(img/arrow-right.png) no-repeat 98% 50%;
			top:35px; right:0; bottom:0; left:200px;
		}
		#slideshowScreen .button.btnClose {
			background:url(img/icon_close.png) no-repeat 50% 50%;
			top:-35px; right:5px;
			background-size:32px;
			width: 35px; height:35px;

		}

		/* FOOTER */
	    footer {
	        clear: both;
	        width: 980px; margin: 0 auto;
	        padding-top: 10px;
	    }
	    footer .wrapper {
	    	border-top: 1px solid #ddd;

	    	padding-top: 10px;
	}
	    footer .categories {
	        border: 0;box-shadow: none;
	        height: auto;
	        padding: 0;
	        background: #fcfcfc;
	    }
	    footer .categories > ul { border:0;}
	    footer .categories li.parent {
	        width: 14.2%;
	        border-right: 1px solid #eee;
	        padding: 0;
	        margin-right: 0;
	        height: 145px !important;
	        padding: 10px 1.5% 0;
	        overflow: hidden;

	        margin-bottom: 10px;
		}
		footer .categories li.parent:nth-child(7), footer .categories li.parent:last-child {border:0;}
		footer .categories li.homepage {display:none!important;}
		footer .categories li.parent > a {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow:hidden;
		}



	    footer .categories li.current a {background:none !important;}
	    footer .categories li.parent a {
	    	font-size: 13px;padding: 0 0;border: 0;
	    	color: #555 !important;
		}
	    footer .categories div.subcate {
	        position: relative;top: -5px;left: 0;
	        display: block; overflow: hidden;
	        width: auto !important;
	        height: auto;
	        background: none !important; box-shadow: none;
	    }
	    footer .categories div.subcate li {
	    	width: auto;
	    }
	    footer .categories div.subcate li a {
	    	font-size: 11px;padding: 0;
	    	line-height: normal;
		}
	    footer .copyright {
	        border-top: 1px solid #DADADA;
	        margin-top: 0;padding: 5px 0 15px;
	        float: left;
	        width: 100%;
	        line-height: 1.4;
	        font-size: 1.2em;
	        color: #888;
	        font-family: 'Roboto Condensed', sans-serif;
	    }
	    footer .copyright .info {
	    	float: right; text-align:right;
	    	font-size:0.8em; position:relative;top:10px;
	    }

	    footer .copyright .logo {
	    	float: left;
	    	font-size:0.8em;
	    	width:50%;
	    }
	    footer .copyright .logo img {
	    	float:left; margin-right:10px; border-right:1px solid #eee;
	    	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
	    	position:relative;top:5px;
	    }
	    footer .copyright .info a {color: #000;}

		/* TOOLBOX */
	    #toolbox {
	        position: fixed;
	        right: 10px;
	        bottom: 45%;
	        margin-left: -550px;
	        /* z-index: -1; */
	       display:none;
	    }
	    #toolbox ul {
	    	float:right;width:30px;
	    }
	    #toolbox li {
	    	width: 30px;height: 30px;margin-top: 10px;
	    }
	    #toolbox li a {
	        position:relative;display: block;
	        background: #39C url(img/icons.png) no-repeat -9999px -9999px;
	        border: 2px solid #fff;border-radius: 20px;box-shadow: 2px 2px 0 #f5f5f5;
	        width: 100%;height: 100%;
	    }
	    #toolbox li a span {
	    	display:none;
	    	position:absolute; right: 15px; top:-3px;
	    	height:25px; width:100px;line-height: 30px;
	    }
	    #toolbox li a:hover {background-color: #F79400;}
	    #toolbox li.toTop {display:none !important;}
	    #toolbox li.toTop a {background-position: -57px -996px; display:none;}
	    #toolbox li.email a {background-position: -56px -1115px;}
	    #toolbox li.phone a {background-position: -57px -1054px;}
	    #toolbox li.facebook a {
	    	background: url(img/facebook.png) no-repeat 50% 50%;
	    }

	   	section#content > header .event_banner {float:left;width:100%; height: auto; line-height: 30px; margin: 5px 0;}
	   	section#content > header .event_banner.seagames27 {background:url(img/seagames27/seagame_logo.jpg) no-repeat left -2px; background-size: contain; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; }
	   	section#content > header .event_banner.seagames27 a { display:block; width:100%; padding-left:150px; color:#008e00;}


		/* VIDEO TEMPLATE */
		#video {background:#fff;}
		#video .wrapper {clear:both;}
		#video article.video header h1 a {background:none; padding:0; color:#000;}
		#video article header h1 {font-family: 'Roboto Condensed', sans-serif; font-size:1.6em; font-weight:normal;}
		#video article header a:hover {color:#000 !important;}
		#video article header .cate {display:block; text-transform:uppercase;}
		#video article .cover {
			-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
		   -ms-transform: translate3d(0, 0, 0);
		   transform: translate3d(0, 0, 0);
		}
		#video article .cover a {position:relative;}
		#video article.video .cover a {background:none;}
		#video article.video .cover a:hover {
			background:url(img/icon_play.png) no-repeat 50% 50%;
			background-size: 35px;
		}
		#video article .cover .duration {background-color:rgba(0,0,0,0.5); color:#fff; display:block; position:absolute; bottom:0; right:0; padding:3px 8px; font-size: 11px;}
		#video article header .count {background:url(img/icon_watch.png) no-repeat right 50%; background-size:20px; padding-right: 25px; margin-top:4px; font-size:11px; color:#f68b1f; float:left;}
		#video #site-header {border:0;}
		#video article .cover #circleG {position:absolute; top:10px; right:10px; }

		#video footer .wrapper {border:0;}
		#video footer .copyright {border:0;}
		#video #top {float:left; width:100%; padding: 10px 0; position: relative;}

		#video #top h1 { height:60px; margin: 0 auto; text-align:center; }
		#video #top h1 a.home {height:100%; background:url(img/logo_video2.png) no-repeat left 50%; background-size:64px; overflow:hidden; padding-left: 70px; font-size:4em; font-weight:100; font-family:'Roboto Condensed', sans-serif;line-height: 60px;}
		#video #top h1 a.cate {display:inline-block; height:100%;line-height: 60px;font-size: 4em;text-transform: uppercase;font-weight: normal;font-family: 'Roboto Condensed', sans-serif;color: #39c;position: relative;border-left: 1px solid #eee;padding-left: 15px; margin-left:15px;}

		#video_main {float:left; width:100%; background:#E6E6E6; padding:10px 0 0; }
		#video_main article {float:left; width:300px; height:170px; margin-bottom:10px;}
		#video_main article.featured {width: 660px; height: 350px; margin-right: 20px;}
		#video_main article .cover a .duration {display:none;}
		#video_main article .cover {width:100%; height:100%;}
		#video_main article header .cate {display:none;}
		#video_main article header {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); padding:5px 15px;}
		#video_main article header h1 {font-size: 1.6em; line-height:1.2;}
		#video_main article header h1 a {color:#fff !important; }
		#video_main article header h1 a:hover {color:#fff !important; text-decoration:underline;}
		#video_main article:hover header {background:rgba(0,0,0,0.8);}
		#video_main article.featured header h1 {font-size: 2.4em;}
		#video_main article.featured .type {
			width:70px; height:70px;
			background-size: 70px; margin-top:-35px; margin-left:-35px;
		}
		#video_main.subpage {display:none;}
		#video_main.subpage article {width:32%; margin-right:2%; margin-bottom:10px;}
		#video_main.subpage article:nth-child(3n) {margin-right:0;}

		#video_cate_head {background:#000; height:35px; width:100%; color:#fff; position: relative; font-family: 'Roboto Condensed', sans-serif; float:left; width:100%; margin: 10px 0; display:none;}
		#video_cate_head h1 { font-size:1.4em; line-height:35px; font-weight:normal; padding: 0 10px;  text-transform:uppercase; text-align:center;}
		#video_cate_head form { position:absolute; top:0; right:0; bottom:0; padding: 0 5px;}
		#video_cate_head input {border:1px solid #222; background:#111; height:22px; line-height: 22px; margin: 7px 0;  }

		#video_detail {float:left; width:100%; background:#E6E6E6; padding:10px 0 0; }
		#video_detail .player {width:100%;  float:left; margin-bottom:10px; text-align:center; background:#000; position:relative;}
		#video_detail .player > iframe {display:none;}
		#video_detail .player > iframe, #video_detail .player > div {margin:0 auto; overflow:hidden; width:100%;}
		#video_detail .player > .banner {width:728px; max-height:90px; height:90px; float:left; background:#B8B8B8; margin-top:5px; line-height: 90px; text-align:center; }
		#video_detail .player > a {display:block; width:50px; height:50px; position:absolute;top:50%; margin-top: -25px; background-repeat:no-repeat; background-position: 50% 50%; overflow:hidden; text-indent:-999px; opacity:0.6;}
		#video_detail .player > a:hover {opacity:1;}
		#video_detail .player .btnPrev {left:-70px; background-image:url(img/icon_playprev.png);}
		#video_detail .player .btnNext {right:-70px;background-image:url(img/icon_playnext.png); }


		#video_detail .video_relate {width:240px;  float:right; display:none;}
		#video_detail .video_relate > header {width:100%; float:left; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; margin: 0 0 10px 0; font-size: 1.2em; color:#888; border-bottom:1px solid #ccc; padding-bottom:4px;}
		#video_detail .video_relate article {height:72px; margin-bottom:10px;}
		#video_detail .video_relate article .cate {display:none;}
		#video_detail .video_relate article header h1 {font-size:1.2em; line-height: 1.4;}
		#video_detail .video_relate article .cover {width: 50%; height:100%; margin-right:10px;}
		#video_detail .video_relate article header {position: relative; top:0; left:0; bottom:0; right:0; background:none;}
		#video_detail article:hover .type {display:none;}

		#video .content-wrap {width:728px; margin-top:20px; padding-right:20px;}
		#video .sidebar {width:240px; margin-top:20px;}
		#video section#content, #video section#content article  {width:100%;}
		#video section#content > article .content iframe {display:none;}
		#video section#content > article .content .picture {display:none;}
		#video section#content header h1 {margin-bottom:10px; font-size:2em; line-height: 1.2;}
		#video section#content > article .summary {color:#555;}
		#video article .content {font-family: Arial, Helvetica, sans-serif; font-size:1em; text-align:justify; display:none;}
		#video section#content .btnMore {border-bottom:1px solid #ddd; font-family:'Roboto Condensed', sans-serif; text-align:center; float:left; width:100%; clear:both;}
		#video section#content .btnMore a {text-align:center; padding: 3px 10px;display:inline-block; margin:0 auto; color:#888;position: relative;top: 14px;background: #fff;border: 1px solid #ddd;border-radius: 3px;}
		#video #metainfo ul.info li {border-bottom:1px solid #eee; margin-bottom:4px; padding-bottom:10px;}
		#video #metainfo ul.info li:last-child {border:0;}
		#video #metainfo ul.info li > label {width:100%; margin-bottom:8px;}
		#video #metainfo ul.info li > .info {width:100%; float:left;}
		#video #comments {width:100%;}
		#video #comments .fb_iframe_widget span, #video #comments .fb_iframe_widget iframe {width:100% !important;}
		#video #comments > header h1 {font-size:1.4em !important;}

		#video.singleplayer {overflow:hidden;}
		#video.singleplayer #zingheader, #video.singleplayer .wrapper {display:none;}
		#video.singleplayer #video_detail .wrapper {display:block;}
		#video.singleplayer #video_detail .player {width:100%; margin:0;}
		#video.singleplayer #video_detail .player .btnNext, #video.singleplayer #video_detail .player .btnPrev {display:none !important;}



		#video_topviewed {float:left; width:100%; margin:30px 0 40px; position: relative;}
		#video_topviewed > h2 {font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:normal; font-size:1.6em; color:#3399cc; margin-bottom:10px;}
		#video_topviewed article {float:left; width:19%; margin-right:1.25%}
		#video_topviewed article:last-child {margin-right:0;}
		#video_topviewed article .cover {width:100%; height:120px; margin-bottom:5px;}
		#video_topviewed article header h1 {font-size:1.2em; line-height:1.2;}
		#video_topviewed article .type {margin-top: -45px !important;}
		#video_topviewed .btnMore {display:block; float:right; width:50px; height:40px; background:url(img/icon_next.png) no-repeat 50% 50%; overflow:hidden;text-indent:-999px; position:absolute; right: 20px; top: 65px;}

		#video_menu {float:left; background:#000; padding: 0px; width:100%; margin-bottom:30px; height:38px; overflow:hidden;}
		#video_menu li {float:left; text-transform:uppercase; padding: 12px 0 10px; margin:0 0 0; font-family:'Roboto Condensed', sans-serif; font-size:1.2em;}
		#video_menu li.current {border-bottom:2px solid #fff;}
		#video_menu li a {color:#CCCCCC; display:block; margin:0 5px; }
		#video_menu li.current a {color:#fff;}

		#video .video_section {float:left; width:100%;}
		#video .video_section > header {background:#000; padding:10px; margin-bottom:10px; }
		#video .video_section header a {color:#fff;}
		#video .video_section article {width:19%; float:left; margin-right:1.25%; margin-bottom:40px; }
		#video .video_section article:nth-child(5n) {margin-right:0;}
		#video .video_section article .cover {width:100%; height:140px; margin-bottom:5px;}
		#video .video_section article header h1 {font-size:1.2em; line-height:1.4; height:2.8em; overflow:hidden;}

		.pagination {
			text-align:center; font-family:'Roboto Condensed', sans-serif; font-size:1em;color:#ccc; text-transform:uppercase;
		}
		.pagination .page {border:1px solid #eee; display:inline-block; padding: 5px 8px; border-radius:3px; color:#333; margin: 0 5px; }
		.pagination .page.current {padding-left: 12px; padding-right:12px; color:#3399CC; border-color:#3399CC;}

		/**
		 * 	INTERACTIVE
		 */
		.interactive-content {
			float:left; clear:both; width:100%; height:200px;
			font-family:Arial, Helvetica, sans-serif;
			position:relative;
			margin: 16px 0;
		}
		.interactive-content .cover {
			position:absolute;
			top:0;left:30%; right:0%; bottom:0;
			background-size:cover; background-repeat:no-repeat;
		}
		.interactive-content .meta {
			position: absolute;
			top:0; left:0%; right:70%; bottom:0;
			padding: 10px;line-height:1.2;
			border:1px solid #ddd;
			border-top:2px solid #ccc;
		}
		.interactive-content .meta .caption {
			font-size:12px; line-height:14px;  color:#888;
			display:block;
			max-height:84px; overflow:hidden;
		}

		.interactive-content .meta .more {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			font-size: 10px;
			color: #888;
			padding: 10px;
			text-transform: uppercase;
			padding-bottom: 35px; margin-bottom:10px;
		}
		.interactive-content .meta .kind {font-family:'Roboto Condensed', sans-serif; display:block; font-size: 14px; margin-bottom:4px; text-transform:uppercase;}

		.interactive-content.panorama .meta .more {
			background:url(img/icon_360.jpg) no-repeat 10px bottom;
			background-size:32px;
		}
		.interactive-content.audioplayer .meta .more {
			background:url(img/icon_audio.jpg) no-repeat 10px bottom;
			background-size:32px;
		}
		.interactive-content.map .meta .more {
			background:url(img/icon_map.jpg) no-repeat 10px bottom;
			background-size:32px;
		}

		/**
		 * 	App View
		 */
		body.appview  {padding-top:10px;}
		body.appview #mp3widget, body.appview #zingheader, body.appview #discover, body.appview article .series, body.appview section#content section.next_read, body.appview section#content aside {display:none !important;}





		/* CUSTOM SCREEN SIZE */
		@media screen and (min-width: 1300px) {
			#navigation_toolbox {
				margin-left:-645px;
			}
		}

	    @media screen and (min-width: 1200px) {
	        #zingheader form {
	            width: 380px;
	            padding-left: 0;
	        }
	        #zingheader form input {
	            width: 300px;
	            background-position: 5px -34px;
	        }


	        article .content {font-size:1.16em; line-height:1.4;}
	        section#content > header .summary {font-size:1.16em; line-height:1.4;}
	        #toolbox, #btnReport {display:block;}

			#pushnotification {
				bottom:120px !important;
			    left: 50%;
			    margin-left: -625px;
			    right: auto;
			    width: 90px; height:auto;
			    box-shadow: none;
			    display:block;
			    box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1);
			    border:1px solid #dbdbdb;
			}
			#pushnotification .wrapper {
				width:100%;
				left:0;margin:0;
			}
			#pushnotification .actions .button.btnToTop {height:25px; width:100%;}
			#pushnotification .actions .button.btnHome {
				border:0; border-bottom:1px solid #ccc;
				background-image: url(img/arrow-left-black.png);
				background-repeat:no-repeat;
				background-position: 4px 12px;
				background-size:16px;
				padding-left:10px; padding-right:0;
			}
			#pushnotification .actions .button.btnSEAGames {
				width:100%; height:40px; font-size:1em; padding: 0 0; border:0;
				text-transform:uppercase;background:#24B324; color:#fff;
			}
			#pushnotification .wrapper .actions {height:auto; border:0;overflow:visible;}
			#pushnotification .wrapper .actions > * {width:100%; border:0; border-bottom:1px solid #ccc;  text-align:center; height:auto; }
			#pushnotification .wrapper .actions .btnClose, #pushnotification .wrapper .actions .label {display:none;}
			#pushnotification .actions .button.btnFacebook,#pushnotification .actions .button.btnZini {background:none;padding:0; text-align:center;}
			#pushnotification .actions .button.btnError {
				margin-top:0;border:0;border-radius:0; overflow:hidden;
				height: 30px; line-height:30px;
			}
			#pushnotification .actions > div {
				padding: 8px 15px;
			}
			#pushnotification #font {
				background-color:#FFF6E0;
				width:100%; float:left;
				padding:0;
				border-bottom:1px solid #ccc;
			}

			#pushnotification #font a {
				width: 50%;
				text-align: center;
				border-right: 1px solid #EBDBA0;
				padding: 10px 0;
				line-height: 18px;
			}

			#pushnotification #font a:last-child {border:0;}



			#popNotification {
				bottom: 20px;
			}



	    }

	    @media screen and (max-width: 1200px) {

	    }

	    @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    		#zingheader hgroup a {background-image:url(img/logo_zing_trithuc@2X.png); background-size:100px;}
    		footer .copyright .logo img {width:65px; height:auto; margin-top:13px; }
		}




	   	/** Applied for all tablet  **/
	    @media screen and (max-width: 1000px) {

	    	/* General page layout */
	    	.wrapper {width: 96%; left:0; margin: 0 2%;}
	    	.content-wrap {width:100%; overflow:hidden;}
	    	.sidebar {display:none;}
	    	#site-header, #advR1_temp, #advR2_temp, #advBottom, #banner_top, #advTop_temp {display:none !important;}

	    	/* Zing Header */
	    	#zingheader, #zingheader hgroup, #zingheader form{height: 45px; line-height: 45px;}
	    	#zingheader .apps, #zingheader .apps li {height: 35px; line-height: 32px;}
	    	#zingheader .apps {display:none;}

	    	#zingheader hgroup h1 {line-height:45px; height:45px; padding-top:2px;}
	    	#zingheader {margin-bottom:8px;}
	    	#zingheader hgroup a {margin:9px 0 0;}
	    	#zingheader hgroup h1 a {margin-top:0;}
	    	#zingheader form {padding: 3px 0 0;}
	    	#zingheader form input, #zingheader form button {height:30px;}
	    	#zingheader form input {position:absolute;  right:80px;}
	    	#zingheader form button {position:absolute; right:1px; }
	    	#zingheader #bookmark {display: none; }
	    	#zingheader #mobile { display:block; margin-top:8px;}

	    	#site-header {margin-top:0; border:0; height:90px;}

			#noti5 {height:45px;margin-right:45px;}
			#noti5 a {line-height:45px; }
			#noti5 a.btnHot {background-position:5px 13px; background-size:16px;}
			#hotnews {right:10px;left:auto;top:45px;}

			#event {margin-top:-8px; padding-bottom:6px; }

	    	/* Banner top & Category menu */
	    	#top .categories {display:none;}
			footer {width:100%;}
			footer .wrapper {border:0; padding-top:0;}
			footer .categories {display:none;}

	    	/* Homepage */
	    	.hotnews {display:none;}
	    	section.featured {width: 68%;float:left !important; margin-right: 2%;}
	    	section.trending article {margin-bottom: 6px !important; padding-bottom:6px !important;}
	    	section.trending article header h1 {font-size:14px; line-height: 18px;}
	    	section.trending .top-list {border:0 !important; margin-bottom:4px;}
	    	section.trending .top-list article {display:block;}
	    	section.trending .top-list article .cover {display:none; float:left; width:100%;}
	    	section.trending .top-list article header {clear:both;}
	    	section.category {margin-bottom:10px;}
	    	section.category article header h1 {font-size:14px; line-height: 18px;}
	    	section.category article.featured header h1 {font-size:16px; line-height:20px;}
	    	section.category article.featured header {max-height: 60px;}
			section.category article.featured {margin-bottom:0;}
			section.category > header {overflow:hidden;}
			section.category > header .followbox {display:none;}
			section#phong-cach-song article.featured .summary {height:72px;}
			#homepage.block_mode section.featured article.featured .summary {max-height:90px;}

	    	/* Page Category */
	    	#category .content-wrap > header h1 {
	    		text-transform:uppercase;
	    		font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
	    	}
	    	#category section.cate_sidebar article .cover {height:100px;}
	    	#category section.cate_sidebar article .cover img {width:100%; height:auto;}
	    	#category section.featured article {display:block !important;}
	    	section.category article header h1 {font-family: "HelveticaNeue-Bold", Arial, Helvetica, sans-serif;}
	    	section#phong-cach-song article.featured header {height:40px;}
	    	section#phong-cach-song article.featured .cover { float:none;width:100%; height:120px;}
	    	section#phong-cach-song article.featured .cover img { width:100%; height:auto;}


	    	/* Page Article */
	    	section#content {width:100%; padding:20px 8%}
	    	section#content > header h1 {
	    		letter-spacing:0;font-family: "HelveticaNeue-CondensedBold",'Open Sans Condensed', Arial, Helvetica, sans-serif;
	    		font-size:2.4em; line-height: 1.2; margin-bottom: 0;
	    	}
	    	section#content > header .summary {
	    		font-family:'Noticia Text', Times, serif;
	    		font-size:1.2em;line-height: 1.4;
	    		font-weight:normal; font-style:italic;
	    	}
	    	section#content aside {width: 25%; display:block !important;}
	    	section#content article {width:73%; margin-right:2%;}
	    	section#content section.next_read {width: 25%;}

	    	article .content {
	    		font-family:"HelveticaNeue-Light", 'Noticia Text', Times, serif ;
	    		font-size:1.2em; line-height:1.4;
	    		text-align:justify;
	    	}
	    	#discover, #comments {width:100%;}
	    	#comments textarea, #comments .login {left:0; width:100%;}
	    	section#content.pictures_layout  aside {display:none !important;}
	    	#video_content > header {padding:0; height:auto;}
	    	#video_content > header iframe {width:100%; }
	    	#video_content > header h1 {width:100%; border:0; margin:10px; padding-bottom:0;}
	    	#video_content > header .cate, #video_content > header time {margin: 0 10px;}
	    	#video_content > header .summary {width:100%; border:0; padding: 0 10px 20px;}

	    	section#content.stream_layout aside {display: none !important;}
	    	section#content.stream_layout > header {width:100% !important;}

	    	/* Page Search */
	    	#search .content-wrap {padding-right:0; border:0;}
	    	#search .result article .cover img {width:100%; height:auto;}
	    	#search .result article .cover {height:120px !important;}
	    	#search form input {width: 60%;}
	    	#search .result article {padding-bottom:0;}

	    	/* Page Tag & Topic */
	    	#listing article .cover img {width:100%; height:auto;}

	    	/* Article */
	    	article .summary {font-size:14px; line-height:18px; font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;}
	    	article header h1 {font-family:"HelveticaNeue-Bold", Arial, sans-serif; letter-spacing:0 !important;}
	    	article .relate li {font-size:12px; font-style:italic; line-height: 16px; font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;}
	    	article header time {font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;}

			#product_ads {display:none !important;}
			#pushnotification #font {display:none;}
			section#content > header .event_banner.seagames27 {margin:10px 0;}

			#homepage.focus_layout section.featured article.featured .cover {width:100%;}

			footer .copyright .logo {float:left; text-align:left; margin-bottom:0; width:60%;}
			footer .copyright .logo img {float:left; margin-right:10px; width:65px; height:auto; margin-top:13px; }
			footer .copyright .info {top:13px;}



			#slideshowScreen .header .btnFullscreen, #slideshowScreen .header .btnAutoPlay {display:none !important; }

			#followbox {display:none;}


			#video_detail .player > a {display:none !important;}
			#video #top:hover .btnBack {display:none;}
			#video #top h1 {margin: 0 10%; height:50px; }
			#video #top h1 a {line-height: 45px !important; }
			#video .wrapper {margin:0; width:100%;}
			#video #zingheader .wrapper {width:96%; margin:0 2%;}
			#video .content-wrap {padding:0 3%;}
			#video section#content {padding: 0px 0;}
			#video #comments {padding:0; margin-top:20px;}
			#video_detail {padding-top:0;}
			#video_detail .player {width:100%; margin:0 0%;}
			#video_detail .player > iframe, #video_detail .player > div {width:100% !important;}

			#video_detail .video_relate article {width:25%; padding-right:10px;}
			#video_detail .video_relate article header h1 {max-height:5.6em; overflow:hidden;}
			#video .content-wrap {width:100%;}
			#video_menu {width:94%; margin:0 3% 20px;}
			#video .video_section {width:94%; margin:0 3%;}

			#video .video_section article {width:32%; margin-right:2% !important;}
			#video .video_section article:nth-child(3n) {margin-right:0 !important;}


			#video_detail .player .btnNext {right:-50px;}
			#video_detail .player .btnPrev {left:-50px;}

			#video_main article.featured {width:70%;margin-right:2%;}
			#video_main article {width:28%;}
			#video_topviewed {margin: 20px 0; padding:0 3%;}



	    }

	    /** Only 7' tablet **/
	    @media screen and (min-width:800px) and (max-width: 1000px) {

	    	/* Zing Header */
	    	#zingheader form {width: 60%;}
	    	/*
	    	#site-header #banner_top {width: 77%; float:right;
	    		width:100%;
	    	}
	    	*/

			/*
	    	.sidebar {width:100%; display:block;}
	    	.sidebar .banner {width:48.5%; height:90px; float:left; margin-right:2%;}
	    	.sidebar .banner:nth-child(2n) {margin-right:0;}
	    	.sidebar .contact {display:none;}
	    	*/

	    	/* Homepage */
	    	#homepage .content-wrap {margin-top:4px;}
	    	#homepage > .content-wrap:nth-child(4) {width:70%;}
	    	#homepage > .sidebar:nth-child(5) {display:block;width:28%;}
	    	#multimedia article .cover {height:120px;}
	    	#multimedia article .cover img {width:100%; height:auto;}
	    	section.featured article .cover {height:125px;}
	    	section.featured article .cover img {width:100%; height:auto;}
	    	section.trending {width:30% !important; padding: 8px 1% !important; float:right;}


	    	/* Widget: Laban */
	    	#labanwidget #weather img {margin-left:40px;}
	    	#labanwidget #finance, #labanwidget #weather {width:100%;}
	    	#labanwidget #finance {height:30px;}
	    	#labanwidget #finance p{width:50%;}

	    	/* Page Category */
	    	#category section.featured article .cover img {height:100%; width:auto; min-width:100%;}
	    	#category.template1 section.featured article.featured .cover {height: 250px;}
	    	#category.template2 section.featured article .cover {width: 100% !important; height:140px;}
	    	#category.template2 section.featured article .cover img {width:100%; height:auto;}
	    	#category.template2 section.featured article.featured .cover {width:50% !important;}
	    	#category.template2 section.featured article.featured header {width: 49% !important;}
	    	#category.template3 section.cate_content article {width:31%; }
	    	#category.template4 section.cate_content article {width:31%; }
	    	#category section.cate_content article .cover {height:120px;}
	    	#category section.cate_content article .cover img {width:auto; height:100%; min-width:100%;}
	    	#category section.cate_list section.sub-cate.template2 article .cover {height:180px;}
	    	#category.sub-cate {width:100%; float:left;}
	    	#category.sub-cate .content-wrap {width:60%;}
	    	#category.sub-cate .sidebar {display:block; width:300px; margin-top:40px;}

	    	/* Page Tag & Topic */
	    	#listing article {width:23.5%; margin-left:0 !important;margin-right: 2% !important;}
	    	#listing article:nth-child(4n+4) {margin-right:0 !important;}
	    	#listing article:nth-child(4n+5) {clear:left;}

			section#content > header {width:100%; float:left;}
			section#content aside {width:100%;}
			section#content aside .social,section#content aside .topview, section#content section.next_read {display:none;}
	    	section#content article {width:100%; margin-right:0;}
	    	section#content section.next_read {position:relative;float: left;width: 100%;bottom: 0; margin:20px 0;}
	    	section#content > header .summary {
	    		padding: 8px 0;
	    		margin: 0 0; clear:both; float:left;
	    	}

	    	#comments {padding:0 8%; margin-top:0;}




	    }

	    /** From 600px - 800px **/
	    @media screen and (max-width: 799px) {

	    	/* Zing Header */
	    	#zingheader .apps {display:none;}
	    	#zingheader form {width: 70%; float:right; margin-right: 45px;}
	    	#site-header #banner_top {width:100%;}
	    	#site-header #logo {display:none;}


	    	/* Footer */
	    	footer .categories div.subcate {display:none;}

	    	/* Page Article */
	    	#discover, #comments {width:100%;}
	    	section#content {padding: 30px 5% 0;}
			section#content aside {width:100%;}
			section#content aside .social,section#content aside .topview, section#content section.next_read {display:none;}
	    	section#content article {width:100%; margin-right:0;}
	    	section#content > header .summary {
	    		padding: 8px 0;
	    		margin: 0 0; clear:both; float:left;
	    	}
	    	section#content section.next_read {position:relative;float: left;width: 100%;bottom: 0; margin:20px 0;}
	    	#comments {padding:0 5%;}
	    	#discover {padding:0 5%;}
	    	#discover section.related_cate article.featured .cover {width:100%; height: 80px; float:none;}
	    	#discover section.same_cate article {width:32%; margin-right:2%;}
	    	#discover section.same_cate article:last-child {display:none;}
	    	#discover section.same_cate article:nth-child(4) {margin-right:0;}
	    	#discover section.same_cate article .cover {height:120px;}
	    	#discover section.same_cate article .cover img {height:100%; width:auto; min-width:100%;}
	    	#discover section.video article {width:48%; margin-right:4% !important;}
	    	#discover section.video article:nth-child(2n+1) {margin-right:0 !important;}
	    	#discover section.video article:last-child {display:none;}
	    	#video_content > header iframe {height: 300px;}
	    	article .relate {display:none;}
	    	#zini > iframe {display:none;}
	    	#comments #zini .comment-list {border-top:0; margin:0; padding:0;}
	    	article .content .inner-article {height:150px;}

	    	/* Homepage */
	    	section.trending {width:30% !important; height:525px !important; padding: 8px 0 0 2% !important; float:right !important; border-right:0 !important;}
	    	section.category > header {height:40px; margin-bottom:8px;}
	    	section.category > header h1 {line-height: 40px; font-size: 18px; font-family:"HelveticaNeue-CondensedBold", Helvetica, Arial, sans-serif; text-transform: uppercase;}
	    	section.category > header h2 {line-height: 40px; font-size: 16px; font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;}
	    	section#phong-cach-song > header {margin-bottom: 4px;}

	    	/* Page Category */
	    	#category .content-wrap > header {margin-top:8px;}
	    	section#content > header .event_banner.seagames27 {margin:10px 0 0;}

	    	section#homepage {margin-bottom:0;}
	    	footer {padding-top:0;}
	    	footer .copyright {border-top:0; padding-top:0;}



	    	#slideshowScreen .header .btnTitle {display:none;}

	    	#video #top h1 a {font-size: 2.6em !important;}
	    }

	    @media screen and (min-width:600px) and (max-width: 799px) {
	    	/* Homepage */
	    	#homepage .content-wrap {margin-top:4px;}
	    	#multimedia article {width: 23.5%; margin-right:2%;}
	    	#multimedia article:nth-child(5) {margin-right:0;}
	    	#multimedia article:last-child {display:none;}
	    	#multimedia article .cover {height:125px;}
	    	#multimedia article .cover img {height:auto; width:100%;}
	    	section.category {margin-top:10px;}
	    	section.category article .summary {max-height:90px !important;}

	    	/* Page Category */
	    	#category.template1 section.featured article.featured .cover {height:200px;}
	    	#category.template1 section.featured article.featured .cover img {width:auto; height:100%; min-width:100%;}
	    	#category.template2 section.featured article.featured .cover {width:50%;height:200px;}
	    	#category.template2 section.featured article.featured .cover img {width:auto; height:100%; min-width:100%;}
	    	#category.template2 section.featured article.featured header {width:49%;}
	    	#category.template2 section.featured article .cover {height:100px;}
	    	#category.template2 section.featured article .cover img {width:100%; height:auto;}
	    	#category section.cate_content article .cover img {width:auto; height:100%; min-width:100%;}

	    	/* Page Article */


	    	/* Page Tag & Topic */
	    	#listing article {width:32%; margin-left:0 !important;margin-right: 2% !important;}
	    	#listing article:nth-child(3n+3) {margin-right:0 !important;}
	    	#listing article:nth-child(3n+4) {clear:left;}



	    }
		@media screen and (max-width: 600px) {
			#video_detail .player {width:80%; margin:0 10%;}
			#video .content-wrap {padding:0 5%;}
			#video .video_section {width:90%; margin:0 5%;}
			#video #top h1 {margin: 0 5%; height:45px;}
			#video_detail .player .btnNext {display:none !important;}
			#video_detail .player {width:100%; margin:0;}
			#video .video_section article .cover {height: 120px;}
			#video #top h1 a.home {background-size:48px; padding-left:50px;}
			#video #top h1 a {font-size: 2em !important;}
		}
	    /** Less than 600 **/
	    @media screen and (max-width: 599px) {

	    	section.category .top article {}

			/* Zing Header */
	    	#zingheader form {width:50%; float:right;}
	    	#zingheader {margin-bottom:4px;}
	    	#site-header #banner_top {height:50px; line-height:50px;}
	    	#site-header {height:60px;}

	    	/* Homepage */
	    	#homepage section.featured article.featured .cover {height:200px !important;}
	    	#multimedia article {width: 32%; margin-right:2%;}
	    	#multimedia article:nth-child(4) {margin-right:0;}
	    	#multimedia article:nth-child(n+5) {display:none;}
	    	#multimedia article .cover {height:120px;}
	    	#multimedia article .cover img {height:auto; width:100%;}
	    	section.featured article.featured header h1 {white-space: normal !important; text-overflow: inherit !important;}
	    	section.featured article.featured.video .type {display:none;}
	    	section.featured article {width:49%; margin-right:2%;}
	    		section.featured article:nth-child(3) {margin-right:0;}
	    		section.featured article:nth-child(n+4) {display:none;}
	    	section.featured article .cover img {height:100%; width:auto; min-width:100%;}
	    	section.featured article header h1 {height:auto;}
	    	section.category .top {width:40%; border-right:0 !important;padding-right:0;}
	    	section.category article.featured {width:60%;}
	    	section.category article.aside {display:none;}
	    	section.category article.featured .cover {width:140px; height:120px; float:left;}
	    	section.category article header {max-height:none; margin-bottom:8px;}
	    	section.category > header { margin-bottom:4px;}
	    	section.category article.featured .summary {max-height:144px; display:inline;}

	    	section#thoi-trang .showcase article .cover { margin-bottom:4px;}
	    	#homepage.block_mode section.featured article {display:block !important;}
	    	#homepage.block_mode section.featured article.featured .cover {width:100% !important; height: 240px !important;}
	    	#homepage.block_mode section.featured article.featured header {position:relative; width:100%;}
	    	#homepage.block_mode section.featured article:nth-child(n+4) {display:none !important;}
	    	#homepage.overlay_mode section.featured article {display:block !important;}
	    	#homepage.overlay_mode section.featured article.featured .cover {width:100% !important; height: 240px !important;}
	    	#homepage.overlay_mode section.featured article.featured header {position:relative; width:100%;}
	    	#homepage.overlay_mode section.featured article:nth-child(n+4) {display:none !important;}

	    	/* Page Category */
	    	#category section.featured article:nth-child(4) {display:block;}
	    	#category section.featured article.featured .cover img {height:100% !important; width:auto; min-width:100%;}
	    	#category section.featured article .cover {height: 100px;}
	    	#category section.cate_sidebar article .summary {display:none;}
	    	#category .content-wrap > header h1 {margin: 0 0 8px 0;}
	    	#category .content-wrap > header h2 {display:none;}
	    	#category section.cate_sidebar article .cover {height:70px;}
	    	#category section.featured article.featured .summary {display:none;}
	    	#category section.cate_content article .summary {display:none;}
	    	#category section.cate_content article header h1 {font-size:18px; line-height:20px;}
	    	#category section.cate_content article .cover {width:40%; height: 110px;}
	    	#category section.cate_content article .cover img {width:auto !important; height:100% !important; min-width:100%;}
	    	#category section.cate_content article header {float:none; width:auto; border:0;}
	    	#category section.cate_content article .relate {display:none;}
	    	#category section.cate_content article {width:100%; margin-right:0;}
	    	#category.template2 section.featured article .cover {height:90px;}
	    	#category.template2 section.featured article.featured .cover {width: 59% !important;height:200px !important;}
	    	#category.template1 section.featured article {float:left; margin: 0 1% 10px 0 !important; padding:0 !important; width: 32%;}
	    	#category.template1 section.featured article:nth-child(5) {display:none !important;}
	    	#category.template1 section.featured article .cover {height:100px;}
	    	#category.template1 section.featured article.featured {width:100%; border-right:0; margin-right:0; padding-right:0;}
	    	#category.template1 section.featured article.featured .cover {width: 50%; height:180px; float:left;}
	    	#category.template1 section.cate_sidebar {float:right; padding-right:0; border-right:0;}
			#category.template1 section.cate_content {float:left;}
			#category.template3 section.featured article .cover img {width:auto !important;}
			#category.template3 section.cate_sidebar {display:none;}
			#category.template3 section.cate_content {width:100%;}
			#category.template3 section.cate_content article {height:260px;}
			#category.template4 section.featured article .cover img {width:auto !important;}
			#category.template4 section.cate_sidebar {display:none;}
			#category.template4 section.cate_content {width:100%;}
			#category.template4 section.cate_content article {height:260px;}
			#category.sub-cate section.cate_content article .cover {width:40% !important;}
			#category.sub-cate section.cate_content article header {width:55% !important; float:left;}
			#category.sub-cate section.cate_content section.featured article {width: 38%;}
			#category.sub-cate section.cate_content section.featured article.featured {width:60%;}
			#category.sub-cate section.cate_content section.featured article.featured header {width: 100%;}
			#category.sub-cate section.cate_content section.featured article .cover {width:100% !important;}
			#category.sub-cate section.cate_content section.featured article header {width:100% !important;}

			#category.sub-cate section.featured article.featured .cover {width:100%;}
			section.cate_list section.sub-cate.template2 article {width:50%; height:240px;}
			section.cate_list section.sub-cate.template2 article .cover {height: 160px;}

			section#content > header h1 {font-size:2em;}

			article .content .inner-article .summary {display:none !important;}


	    	/* Page Search */
	    	#search .result article .cover {width:100%; float:none; margin-bottom: 8px; height:100px !important;}
	    	#search .result article header {height:80px;}
	    	#search .result.top article .cover {float:left; width:  30%;	}

	    	/* Page Tag & Topic */
	    	#listing article {width:49%; margin-left:0 !important;margin-right: 2% !important;}
	    	#listing article:nth-child(3n+3) {margin-right:2% !important;}
	    	#listing article:nth-child(2n+2) {margin-right:0 !important;}
	    	#listing article:nth-child(2n+3) {clear:left;}
	    	#listing article:nth-child(3n+4) {clear:none;}

	    	#mp3widget {display:none !important;}
	    	#pushnotification .actions .button.btnSEAGames {display:none;}
	    	#pushnotification .actions .button.btnToTop {position: absolute; right:0; top:0; display:block !important;}
	    	#pushnotification .actions .button.btnHome {border:0; padding:0 5px;}
	    	#pushnotification .actions .button,#pushnotification .actions > div {border:0!important;}

			footer .copyright .logo {
				width:70px; height:45px; overflow:hidden;
			}

			article .content .inner-article {height:100px;}
			article .content .inner-video {height:200px}


			#video #zingheader {margin-bottom:0;}
			#video .video_section article {width:49%; margin-right:2% !important;}
			#video .video_section article:nth-child(3n) {margin-right:2% !important;}
			#video .video_section article:nth-child(2n) {margin-right:0!important;}


	    }

	    /** Less than 400 **/
	    @media screen and (max-width: 400px) {
	    	.wrapper {width:92%; margin: 0 4%;}

	    	#zingheader form {width:40%;}
	    	#zingheader form button {width:40px; line-height:28px;}
	    	#zingheader form input {right:40px;}
	    	#zingheader form button:after {content:"Tìm   ";}

	    	/* Homepage */
	    	.hotnews ul {width:160px;}
	    	section.featured {width:100% !important; margin-right:0 !important;}
	    	section.trending {width:100% !important; height:auto !important; border:1px solid #ccc !important; padding:4px 0 !important; border-radius: 5px;}
			section.trending article {width:100%; margin: 0 0% !important; padding: 8px 10px 10px !important; border-bottom:1px solid #eee !important;}
			section.trending article:last-child {border-bottom: 0 !important;}
			#multimedia {margin-bottom:0;}
			#multimedia article {width:49%; margin-right:2%; margin-bottom:16px;}
			#multimedia article:nth-child(2n+1) {margin-right:0;}
			#multimedia article:nth-child(5) {display:block;}
			#multimedia article:nth-child(4) {margin-right:2%;}
			#multimedia article header h1 {height: 48px; }
			section.category {margin-bottom:16px;}
			section.category .top {width:100%; border:0 !important; padding:0; min-height:0;}
			section.category section article header {height:60px;}
			section.category article header {max-height:none;}
	    	section.category article.featured .cover {width:100%; height:200px; margin:4px 0 8px; float:none; }
			section.category article.featured {width:100%; padding-right:0; margin-bottom: 4px; padding-bottom: 8px;}
			section.category article.featured .type {display:none !important; }
			section.category:not(#giai-tri) .top article time, section.trending article time {display:block !important; margin-left:0 !important; }
	    	section.category:not(#giai-tri) .top article {background:#f7f7f7; padding: 5px 5px; border-radius:5px; border-bottom:1px solid #eee;}
	    	section#giai-tri article {border:0;}
			section#giai-tri article .cover img {width:100%; }
			section#giai-tri article.featured .cover {margin-bottom:4px; }
			section#giai-tri article.featured {width:100%; margin-bottom:12px;}
			section#giai-tri .top {width:100%;}
			section#giai-tri .top article {margin-bottom:8px;}
			section#thoi-trang .showcase article {width:49%; margin-right:2%;}
			section#thoi-trang .showcase article:nth-child(2) {margin-right:0;}
			section#thoi-trang .showcase article:nth-child(3) {display:none;}
			section#phong-cach-song section > header {margin-bottom:0;}
			section#phong-cach-song section article {padding-bottom: 12px;}
			section#phong-cach-song > section.category {width: 48%; margin-right:2% !important;}
			section#phong-cach-song > section.category:nth-child (2n+1) {margin-right:0 !important;}


			/* Page Category */
			#category section.cate_sidebar {display:none;}
			#category section.cate_content {width:100% !important; margin-right:0 !important;}
			#category section.cate_content article.featured .summary {height:auto;}
			#category .cate_content section.cate_content article .cover {width:50%; height: 110px;}
			#category .cate_content section.cate_content article header h1 {font-size:16px; line-height: 20px;}
			#category.template1 section.featured article.featured .cover {width: 100%; height:180px; float:none;}
			#category.template1 section.featured article {float:left; margin: 0 2% 10px 0 !important; padding:0 !important; width: 48%;}
			#category.template1 section.featured article:nth-child(5) {display:block !important;}
			#category.template2 section.featured article.featured .cover {width: 100% !important;}
			#category.template2 section.featured article.featured header {width:100%;}
			#category.template2 section.featured article {width:49%; margin-right:2%;}
			#category.template2 section.featured article:nth-child(3) {margin-right:0;}
			#category.template2 section.featured article:last-child {display:none !important;}
			#category.template3 section.featured article.featured {width:100%; height:240px;}
			#category.template3 section.featured article.featured .summary {display:none;}
			#category.template3 section.featured article {width:50%;}
			#category.template3 section.cate_content article {width:100%; height:auto;}
			#category.template3 section.cate_content article .cover {float:left; width:40%; height: 120px;}
			#category.template4 section.featured article.featured {width:100%; height:240px;}
			#category.template4 section.featured article.featured .summary {display:none;}
			#category.template4 section.featured article {width:50%;}
			#category.template4 section.cate_content article {width:100%; height:auto;}
			#category.template4 section.cate_content article .cover {float:left; width:40%; height: 120px;}
			section.cate_list section.sub-cate.template2 article {width:100%; height:auto; margin-bottom:8px;}
			section.cate_list section.sub-cate.template3 article {width:100%;}
			section.cate_list section.sub-cate {width:100%;}
			#category.sub-cate section.cate_content section.featured article {width: 100% !important;}

			/* Page Article */
			#discover section.same_cate article {width:49%; margin-right:2% !important;}
	    	#discover section.same_cate article:last-child {display:block;}
	    	#discover section.same_cate article:nth-child(2n+1) {margin-right:0 !important;}
	    	#discover section.same_cate article .cover {height:100px;}
	    	#discover section.same_cate article .cover img {height:100%; width:auto; min-width:100%;}
	    	#discover section.related_cate {width:100%;}
	    	#discover section.related_cate article.featured .cover {width:40%; height: 80px; float:left; margin-right:10px;}
	    	#discover section.video article {width:100%; margin-right:0% !important;}
	    	#discover section.video article .cover img {width:100%; height:auto;}
	    	#video_content > header iframe {height: 200px;}
	    	#comments, #discover {padding:0;}
	    	#comments header h1 {display:none;}
	    	#comments .pagination .zini {display:none;}

	    	/* Page Search */
	    	#search .result.top article .cover {float:left; width:  40%;}
	    	#search .result > header .count{width:100%; padding-left: 5px;}
	    	#search .result article .summary {display:none;}

	    	/* Page Article */
	    	section#content {padding: 0 0%;}
	    	section#content article .series > li li {width:50%;border-bottom:1px solid #eee;}
	    	section#content article .series > li li:nth-child(n+3) {display: none;}
	    	section#content article .series article .cover {height:120px;}

	    	/* Page Tag & Topic */
	    	#listing article {width:100%; margin-left:0 !important;margin-right: 0 !important;}

	    	section#content > header .event_banner.seagames27 {height:30px; padding:0; overflow:hidden; text-indent:-999px; }
	    	#pushnotification .actions .button.btnHome {display:none}

			footer .copyright .logo {display:none;}
			footer .copyright .info {float:left; text-align:left;}
	    }

	    @media screen and (max-width: 300px) {
	    	section#content > header h1 {font-size:16px;}
	    	section#content > header .summary {font-size:14px;}
	    	article .content {font-size:14px;}
	    }

	.mobiletest-div {display:none;}
	.ext-button {
		display:inline-block;
		font-family: 'Roboto Condensed', sans-serif;
		color:#888; font-weight:100; font-size:12px; text-transform:uppercase;
		background:#F7f7f7;
		padding:5px 10px; border-radius:3px;
		position:relative; top:-2px;
	}
	.ext-button:hover {
		background:#0087BF; color:#fff;
	}

#circleG {
	width:20px;
}

.circleG{
	background-color:#FFFFFF;
	float:left;
	height:4px;
	margin-left:2px;
	width:4px;
	-webkit-animation-name:bounce_circleG;
	-webkit-animation-duration:1.35s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-border-radius:5px;
	animation-name:bounce_circleG;
	animation-duration:1.35s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:5px;
}

#circleG_1{
	-webkit-animation-delay:0.27s;
	animation-delay:0.27s;
}

#circleG_2{
	-webkit-animation-delay:0.63s;
	animation-delay:0.63s;
}

#circleG_3{
	-webkit-animation-delay:0.8099999999999999s;
	animation-delay:0.8099999999999999s;
}

@-webkit-keyframes bounce_circleG{
	0%{}
	50%{background-color:#000000}
	100%{}
}

@keyframes bounce_circleG{
	0%{}
	50%{background-color:#000000}
	100%{}
}


input[type="text"] {
    border-radius: 2px;
    box-shadow: 0px 1px 2px #DDD;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #AAA;
    color: #555;
    padding: 4px;
    margin: 6px;
}
input[type="password"] {
    border-radius: 2px;
    box-shadow: 0px 1px 2px #DDD;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #AAA;
    color: #555;
    padding: 4px;
    margin: 6px;
}
input[type="submit"] {
    color: #FFF;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    cursor: pointer;
    margin: 0px;
    padding: 0px 5px;
    border: 2px solid #333;
    border-radius: 0px 5px 5px 0px;
    width: 80px;
    height: 30px;
    line-height: 20px;
    background: -moz-linear-gradient(center top , #ED9222, #F0640A) repeat scroll 0% 0% transparent;
}
.alert-error {
    color:red;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.alert-success {
    color: #00A700;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}